javascript - ng-repeat 指令的 ng-class 属性中的函数调用

Question

谁能找出下面这行代码的问题。

<tr ng-repeat="myrecord in myData" 
  ng-class="togglecolor('{{myrecord.name}}','{{myrecord[$index-1].name}}')? 'yellow':'red'">

这里 togglecolor() 函数返回 true 或 false。黄色和红色未应用于该行。

Answer 1

您不应该在 ng-class 指令中使用 {{}} 插值。

ng-class="togglecolor(myrecord.name,myrecord[$index-1].name)? 'yellow':'red'"

---

更好的实现方式是直接从 togglecolor 方法返回一个类。

ng-class="togglecolor(myrecord.name,myrecord[$index-1].name)"

代码

$scope.togglecolor = togglecolor;
function togglecolor(name, prevName){
   var flag;
   //some awesome logic set flag value here, either true/false
   return flag ? 'yellow': 'red';
}