如何为字符串变量中的特定字母着色（js，angularjs）

Question

正如标题所说，我想为字符串变量中的特定字母着色。

我把我的字符串作为angularjs变量在表中得到如下：

<td>{{variable}}<td>

在我传递角度变量的javascript文件中，我从服务器端获取了一个字符串，如下所示：WWLWL

var exampleString= 'WWLWL';
$scope.variable = exampleString;

我想将W颜色为绿色，L为红色，并使用anugaljs显示变量

在html表中显示

有没有办法做到这一点

Answer 1

尝试将字符串拆分为字符数组，如下所示：

模板：

<td>
    <span ng-repeat="char in chars track by $index" class="char-{{char}}"}>{{char}}</span>
<td>

控制器：

var exampleString = 'WWLWL';
var chars = exampleString.split('');
$scope.chars = chars;

CSS：

.char-W { color: green; }
.char-L { color: red; }