Question

我是Angular的新手，并试图精益求精;）

我如何用另一个文本替换特定文本？

例如：

我按模型从loki db中获取数据，我的组件html看起来像：

    $bcc_emails_str = "info@live.com;other@hotmail.com";

    $bcc_emails_array = explode(";", $bcc_emails_str);

    foreach($bcc_emails_array as $email)
    {
      if (filter_var($email, FILTER_VALIDATE_EMAIL))
      {
        $mail->addBCC($email);
      }
    }

其中user.role是输出的用户角色

- ＆GT;这些是我写入数据库的价值。

超级管理员管理雇员

我想替换文字

super_admin with Super Admin或其他。我可以通过Pipes实现这一目标吗？怎么样？

到目前为止;）

Answer 1

使用管道。

MyProject\Pages\ASubDirectory

您的烟斗将如下所示：

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

以下是显示结果的摘录：

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

Answer 2

您可以使用要显示的值进行枚举

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

并将其添加到您的组件

public Roles = Roles;

然后在你的模板中

{{Roles[user.role]}}

Angular2 +替换文本

2 个答案: