Я хочу изменить цвет текста, если в ожидании он должен связать класс text-success, а если вовремя, он должен связать класс text-danger, однако он не работает.
<tr ng-repeat="entries in abc" ng-click="/#/mypage/{{entries._id}}">
<td>{{$index}} </td>
<td>{{entries.objective}}</td>
<td>{{entries.key_results[0].result}}</td>
<td ng-class="{text-success: entries.key_results[0].status == 'Pending', text-danger: entries.key_results[0].status == 'On Time' }">
{{entries.key_results[0].status}}
</td>
<td>{{entries.final_score}}</td>
<td>{{entries.owner_ids[0]}}</td>
<td> <a class="btn btn-sm btn-success"> View OKR </a></td>
</tr>
Другие данные отображаются отлично. Контроллер:
$scope.abc = [
{
"_id": "560b84bc1bf86c4334dd7233",
"objective": "My obj",
....
"key_results": [{
"result": "res1",
"current_score":0.6,
"final_score":0.7,
"status":"Pending"
},
{
"result": "res2",
"current_score":0.6,
"final_score":0.7,
"status":"Pending"
}]
},
{
"_id": "560b84bc1bf86c4334dd7233",
"objective": "My obj 2",
....
"key_results": [{
"result": "res1",
"current_score":0.6,
"final_score":0.7,
"status":"On time",
"_id": "560bb0a70aea6b067d961653"
},
{
"result": "res2",
"current_score":0.6,
"final_score":0.7,
"status":"On time",
"_id": "560bb0a70aea6b067d961652"
}]
}
]
Я взял ссылку с: http://jsfiddle.net/TheSharpieOne/NHS73/