角度配列内のテキストの色を変更します

Question

テーブルに表示されているいくつかのネストされたデータがあります。

テーブルセルの一つは、私たちが持っていたUsing comma as list separator with AngularJS

一つの要求がベースの配列の要素を着色するであるこの質問への回答を使用して単一の文字列になって配列の内容です。配列は次のようなものになるだろう：

[{name: "bob", color: red}, {name: "alice", color: green}] 

しかし、私はNGリピートの一部としてテキストに色を適用する方法を見つけるように見えることはできません。

私は配列を前処理し、の名前での名前を置き換えることをお勧めします。

Answer 1

色を適用する最も簡単な方法は、ngのスタイルを使用することです：

var app = angular.module("app", []); 
 

 
app.controller("myController", myController) 
 

 
function myController() { 
 
    this.data = [{ name: "Bob", color: "red" }, { name: "Alice", color: "green"}]; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app"> 
 
    <div ng-controller="myController as ctrl"> 
 
    <ul> 
 
     <li ng-repeat="person in ctrl.data" ng-style="{ color: person.color }">{{person.name}}</li> 
 
    </ul> 
 
    </div> 
 
</div>