基於狀態更改引導程序圖形

我寫了一個ng-grid，其中單元格背景根據單元格數據更改顏色。這是什麼工作對我來說基於狀態更改引導程序圖形

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\' ,...

而我的風格低於其中之一。但顯然，我的語法改變glyphicon是不正確的，有人可以幫助嗎？

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

來源

2014-09-25 user3799365

如果您的類在css類名稱中包含破折號，則必須在其周圍加引號。例）

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

來源

2014-09-25 21:35:58 sanghas26

你可以試試這個方法

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

{{single_request.status}} =角狀態變量

來源

2017-01-23 11:28:06 vineesh

這是工作，你應該試試這個;

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

來源

2017-07-18 12:35:40

基於狀態更改引導程序圖形

回答

相關問題