css - 将 CSS 应用于 Angular js 2 中 {{expression}} 呈现的内容

Question

{{表达式}}

让我们假设它将给出的输出是

"ABC-DEF,HIJ-KLM"

现在我想在 "-" 之后和之前设置不同的颜色值。

因为它来自一个表达式，我不知道如何进行。我尝试构建用于格式化的管道，但它没有用。我不允许拆分 JSON 并分别填充和设置 div 的样式。

Answer 1

不能在表达式上设置 css，因为它不是 html 元素。如果您想在“-”处拆分并为每个部分设置不同的颜色，您需要将这些部分放在两个元素中(如 span 或 div)并在元素上设置 css。