html - 如何使用 Angular 在我的 HTML 中使我的插值绑定(bind)加粗？

Question

我有以下代码，我需要将 profile.userId 设为粗体:

<p class="profile__last-login" *ngIf="profile.lastLoggedIn">
    {{'intranet.profile.dashboard.lastLoggedIn' | messageBundle: profile.userId + ',' + (profile.lastLoggedIn | date: 'MM/dd/yyy h:mma') }}
</p>

当在页面上显示时，它应该说“用户 (用户名)，上次登录于 MM/dd/yyy h:mma”，用户名以粗体显示，但我不确定如何在绑定(bind)中设置 profile.userId 的样式？

Answer 1

您可以拆分文本字段。您不需要将所有绑定(bind)保持在一起。但是，我不太确定你的管道发生了什么，所以这可能行不通。我的猜测是你应该简化你的管道，这样你就可以像下面这样分解文本部分:

<p class="profile__last-login" *ngIf="profile.lastLoggedIn">
    <b>{{'intranet.profile.dashboard.lastLoggedIn' | messageBundle: profile.userId }} </b>
    , {{ (profile.lastLoggedIn | date: 'MM/dd/yyy h:mma') }}
</p>