Изменение бутстрап-глификона на основе состояния

Question

Я написал сетку ng, где фон ячейки меняет цвет на основе данных ячейки. Это то, что работает для меня

cellTemplate: '<div title="{{row.entity.EHStatus.SFT.desc}}" class="ngCellText"'+ 
            'ng-class="{\'green\' : row.getProperty(\'EHStatus.SFT.code\') == \'1\' ,\'orange\' : row.getProperty(\'EHStatus.SFT.code\') > \'1\',\'red\' : row.getProperty(\'EHStatus.SFT.code\') == \'0\',\'yellow\' : row.getProperty(\'EHStatus.SFT.code\') < \'0\'}" >&nbsp;</div>'} 

Теперь я пытаюсь изменить код выше поэтому он будет использовать другой загрузочный glyphicon на основе статуса. Вот моя попытка.

cellTemplate: '<div style="text-align:center;" title="{{row.entity.EHStatus.TOPPER.desc}}" class="ngCellText"'+ 
            'ng-class="{"glyphicon glyphicon-ok-circle" style="color:green;" : row.getProperty(\'EHStatus.TOPPER.code\') == \'1\' ,... 

И мои стили ниже одного из них. Но, очевидно, мой синтаксис для изменения глификона неправильный, может кто-то помочь?

.green { 
    background-color: green; 
    color: green; 
} ... 

Answer 1

Если ваш класс содержит тире внутри имени класса css, вы должны поместить туда кавычки. Пример)

<div ng-class={glyphicon 'glyphicon-ok': myBooleanStatement}></div> 

Answer 2

Вы можете попробовать этот способ

<span class="glyphicon green" ng-class="{'glyphicon-ok': {{single_request.status}}==1, 'glyphicon-remove': {{single_request.status}}==0 }" ></span>

{{single_request.status}} = угловое положение переменной

Answer 3

он работает, вы должны попробовать это;

<span class="{{item.Status==true ? 'glyphicon glyphicon-ok':'glyphicon glyphicon-remove'}}" aria-hidden="true"></span>