文章詳情頁
angular.js - angularjs的自定義過濾器如何給文字加顏色?
瀏覽:411日期:2024-10-20 18:43:31
問題描述
這是過濾器:
app.filter(’ifLogin’, function () { return function (target) {if (target == '0') { return '在職';} else { return '離職';} }});
這是現實的部分:
<tr ng-repeat='x in datas'> <td>{{ x.id }}</td> <td>{{ x.corp}}</td> <td>{{ x.department }}</td> <td>{{ x.status|ifLogin }}</td></tr>
展示顯示結果:
問題,如果讓在職顯示綠色,離職顯示紅色!!!??angular有沒有什么方便的做法嗎?
問題解答
回答1:這個需求,顏色的部分用過濾器不合適,用ng-class或者ng-style更方便,譬如:
<tr ng-repeat='x in datas'> <td>{{ x.id }}</td> <td>{{ x.corp}}</td> <td>{{ x.department }}</td> <td ng-style='{color: x.status === ’0’ ? ’green’ : ’red’}'>{{ x.status |ifLogin }}</td></tr>
相關文章:
1. docker - 各位電腦上有多少個容器啊?容器一多,自己都搞混了,咋辦呢?2. html5 - H5中播放的視頻如何有效的進行知識產權保護-防下載防盜鏈3. python redis 列表插入 速度太慢4. 為什么我ping不通我的docker容器呢???5. mysql里的大表用mycat做水平拆分,是不是要先手動分好,再配置mycat6. 在windows下安裝docker Toolbox 啟動Docker Quickstart Terminal 失敗!7. boot2docker無法啟動8. docker內創建jenkins訪問另一個容器下的服務器問題9. debian - docker依賴的aufs-tools源碼哪里可以找到啊?10. 2019.2.28日免費公開課預告:《前端布局實戰:蘇寧易購》在線直播!
排行榜
