Angular2 +替換文字

Question

我是Angular的新手，正在嘗試傾斜一些東西；）

如何用另一個替換特定的文本？

例如：

我將通過模型從loki數據庫中獲取數據，我的組件html如下所示：

    <ng-template pTemplate="body" let -1="rowData" let-user let-index="rowIndex">
  <tr [pSelectableRow]="user">
    <td>{{user.id}}</td>
    <td>{{user.userName}}</td>
    <td>{{user.name}}</td>
    <td>{{user.role}}</td>
    <td>{{user.active ? 'aktiv' : 'inaktiv'}}</td>
  </tr>
</ng-template>

其中user.role是輸出的用戶角色

->這些是iam寫入數據庫的值。

super_admin管理員員工

我要替換文字

使用Super Admin或其他名稱的super_admin。 我可以用Pipes做到嗎？ 如何 ？

到目前為止Thx;）

Answer 1

為此使用管道。

<td>{{user.role | roleToStr}}</td>

您的管道將如下所示：

transform(role: string) {
  return role
    .split('_')
    .map(word => word = word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
    .join(' ')
}

這是顯示結果的代碼段：

 const role = 'super_admin'; const str = role .split('_') .map(word => word = word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()) .join(' '); console.log(str); 

Answer 2

您可以使用要顯示的值進行枚舉

export enum Roles {
    super_admin = ‘Super Admin’;
    admin = ‘Admin’;
    user = ‘Standard Nerd’;
}

並將其添加到您的組件

public Roles = Roles;

然后在您的模板中

{{Roles[user.role]}}