angular - 如何显示文字跟随 Angular 色？

Question

我想在编写函数时在编辑页面上显示文本的标题。
应用程序.html

<div class="header content">
      <h5 *ngIf="getRoleEditPage()">
        <i class="fas fa-edit"></i>
          {{ text }}
      </h5>
</div>

应用程序.ts

  getRoleEditPage() {
    let text: string
    if (this.user.roles.customer === true) {
      text = `Customer's Edit Ticket`
    } else if (this.user.roles.supporter === true) {
      text = `Supporter's Edit Ticket`
    } else if (this.user.roles.maintenance === true) {
      text = `Maintenance's Edit Ticket`
    } else if (this.user.roles.supervisor === true) {
      text = `Supervisor's Edit Ticket`
    } else if (this.user.roles.developer === true) {
      text = `Developer's Edit Ticket`
    }
    return text
  }

Answer 1

您需要绑定(bind) getRoleEditPage 的结果，如下(使用别名):

<div class="header content">
      <h5 *ngIf="getRoleEditPage() as text">
        <i class="fas fa-edit"></i>
          {{ text }}
      </h5>
</div>