How to change style in Angular based on condition?

Question

Angular

How to set a certain style depending on the conditions?
For example if $scope.stage.status_stage = 1 then STYLE = color: #ccc

<tr ng-repeat="stage in stage" ng-style="STYLE">
          <td>{{$index+1}}</td>

Answer 1

You can try like this:

ng-style="{color:stage.status_stage==1?'#ccc':''}"
или
style="{{stage.status_stage==1?'color: #ccc':''}}"

Answer 2

It is necessary to hang the class corresponding to the state through ngClass.
https://scotch.io/tutorials/the-many-ways-to-use-n...