大佬教程收集整理的这篇文章主要介绍了angularjs – 如何将类分配给报告,而不是奇数甚至行,但是更改日期列?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<div class="gridHeader"> <div>User</div> <div>Date</div> <div>Count</div> </div> <div class="gridBody" <div class="gridRow" ng-repeat="row in rps.reports"> <div>{{row.user}}</div> <div>{{row.date}}</div> <div>{{row.count}}</div> </div> </div>
报告工作,但是当日期变化时很难注意到。
有没有办法,我可以分配一个类到网格行,以便一个日期网格行有一个类,下一个日期网格行有另一个类。我认为这是已经可用于奇数和偶数行与Angular,但在这里我需要它工作在每一个日期的变化。
CONTROLLER
vm.reports = addReportCssClases(); function addReportCssClases() { var reportsData = [...]; var classes = ['dateOdd','dateEven']; var index = 0; reportsData[0].cssClass = classes[index]; for (var i = 1; i < reportsData.length; i++) { var row = reportsData[i]; index = (row.date !== reportsData[i-1].date) ? (1 - index) : index; row.cssClass = classes[index] ; } return reportsData; }
HTML
<div ng-repeat="row in ::vm.reports track by $index" class="gridRow {{::row.cssClass}}"> <div>{{::row.user}}</div> <div>{{::row.date}}</div> <div>{{::row.count}}</div> </div>
以上是大佬教程为你收集整理的angularjs – 如何将类分配给报告,而不是奇数甚至行,但是更改日期列?全部内容,希望文章能够帮你解决angularjs – 如何将类分配给报告,而不是奇数甚至行,但是更改日期列?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。