以不同颜色显示Angular JS中的每个字符

Question

我想在Angular JS中用不同颜色的单词显示每个字符。我尝试在js文件中使用<span>标记，但是html没有解析它。让我知道我能做到的最佳方式。 <span style="color: red">T</span>

Answer 1

最快的方法可能是将单词分成不同的跨度，只包含一个字母：

let letters = word.split('')
             .map(letter => `<span color="your_color">${letter}</span>`)