文字列変数（js、angularjs）の特定の文字を色付けする方法

Question

タイトルは文字列変数の特定の文字に色付けしたいとしています。

私はこのようなangularjs変数としてテーブルに私の文字列を得た：私はこのようになりますどのサーバ側から文字列を得た

<td>{{variable}}<td> 

javascriptの私は、角度の変数を渡していたファイルでは：WWLWL

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

と私は赤のように緑とLとW色や変数

を表示する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; }