問(wèn)題描述

這是過(guò)濾器：

app.filter(’ifLogin’, function () { return function (target) {if (target == '0') { return '在職';} else { return '離職';} }});

這是現(xiàn)實(shí)的部分：

<tr ng-repeat='x in datas'> <td>{{ x.id }}</td> <td>{{ x.corp}}</td> <td>{{ x.department }}</td> <td>{{ x.status|ifLogin }}</td></tr>

展示顯示結(jié)果：

問(wèn)題，如果讓在職顯示綠色，離職顯示紅色?。。?？？angular有沒(méi)有什么方便的做法嗎？

問(wèn)題解答

這個(gè)需求，顏色的部分用過(guò)濾器不合適，用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>