如何使用角度在某些单词下划线？

【问题标题】：How to underline some words using angular?如何使用角度在某些单词下划线？
【发布时间】：2020-07-06 14:59:53
【问题描述】：

我需要将所有以“@”开头的单词转换为<a>（html 链接）。我正在使用 angular 8，我认为最好的选择是使用自定义管道。

示例：如果短语是“你好，@test”->“你好，<a href="...">Test</a>

你有什么建议吗？

【问题讨论】：

标签： angular string pipe angular8

【解决方案1】：

我同意管道可能最适合这项任务。

假设您已经知道如何构建管道，您只需要执行以下操作：

  transform(value: string): string {
    const words = value.split(' '); // Split by spaces
    words.forEach((word) => {
      if(word[0] === '@') {
      // do something like wrap it in a span tag with styling
    }
    return words.join(' ');
  }

【讨论】：