Comment colorier une lettre spécifique dans une variable de chaîne (js, angularjs)

Question

Comme le dit le titre, je veux colorier une lettre spécifique dans une variable de chaîne.

Je suis ma chaîne dans une table AngularJS variables comme ceci:

<td>{{variable}}<td> 

Dans fichier javascript où je passe une variable angulaire i obtenu chaîne de côté serveur qui ressemble à ceci: WWLWL

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

et je veux la couleur W comme vert et L en rouge et le montrer dans le tableau html en utilisant anugaljs pour afficher la variable

Est-il possible de le faire que

Answer 1

Essayez de diviser la chaîne à tableau de caractères, comme ceci:

Modèle:

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

Controller:

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

CSS:

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