编程语言
首页 > 编程语言> > javascript-ng-repeat指令的ng-class属性中的函数调用

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

作者:互联网

有人可以用下面的代码找出问题所在.

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

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

解决方法:

您不应该在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';
}

标签:angularjs,angularjs-ng-repeat,javascript,net
来源: https://codeday.me/bug/20191111/2017722.html