Question

我一直住在使用VBScript的旧式经典ASP中。我最近首次加入了AngularJS世界领域，以及JQuery和Ajax世界......这一切都让人非常兴奋。我很快就爱上了Angular，因为我做的很多事情都是建立报告，谢谢你重复一遍。现在，我知道Ajax是有效构建到AngularJS中的，我被告知要忘记JQuery，我应该把我的VBScript留在我身后。是的，这有点难，但我正在那里。

我试图找出如何将条件代码添加到列表中。

我通常会循环检查特定条件的记录集，同时通过使用子例程和函数向合格的数据单元添加功能，因为我遍历了所有这些。我怀疑在这个新世界里做这件事并不是正确的，但我认为可以说，我是一个老学校的脚本编写者/黑客......我现在可以理解我需要改变自己的观点和进化，我一直在做。

话虽如此，如果我有......

<table>
  <tr ng-repeat=”item in myList”>
    <td>{{item.field1}}</td>
    <td>{{item.field2}}</td>
    <td>{{item.field3}}</td>
    <td></td>
  </tr>
</table>

我能在什么时候开始添加条件功能？让我们说......

If item.field2 > item.filed3 then
    add function of sorts in the fourth column
else
    add a class to the tr
end if

好吧，你有它。我在这个很棒的网站上的第一篇文章。请善待和帮助，老脑与时俱进。 ; - ）

Answer 1

要添加条件CSS类，可以使用ngClass。

https://docs.angularjs.org/api/ng/directive/ngClass

如果要在第4列中显示函数的结果。您可以为scope分配功能。

 scope.doStuff = function(item) {
     return item.field4;
 }

以下是HTML的外观。

 <table>
   <tr ng-repeat=”item in myList” ng-class="{itemCss:item.field2 <= item.field3}">
     <td>{{item.field1}}</td>
     <td>{{item.field2}}</td>
     <td>{{item.field3}}</td>
     <td>{{doStuff(item)}}</td>
   </tr>
 </table>

ng-repeat添加条件编码，努力做出改变

1 个答案: