如何使用 angular 给一些单词加下划线？

Question

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

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

你有什么建议吗？

Answer 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(' ');
  }

如何使用 angular 给一些单词加下划线？

How to underline some words using angular?

string

pipe

angular

angular8