可以说,我有一个非常简单的数据供Im循环使用ng-repeat
。
现在,如何突出显示(添加CSS类)数据中的最高值。
数据:
$scope.marks = [
{point:'11'},
{point:'2'},
{point:'23'}
];
的HTML:
<ul>
<li ng-repeat="value in marks" class={{here add class for value 23}}> //how to add class to li with max value, in this case it is 23
{{ value.point}}
</li>
</ul>
非常感谢您的帮助
您可以在手表中使用计算最大值:
$scope.$watchCollection('marks', function(items) {
$scope.maxPoint = -1; // assuming we won't have negative values
angular.forEach(items, function(item) {
if (parseInt(item.point) > $scope.maxPoint) {
$scope.maxPoint = item.point;
}
});
});
然后在标记中使用ngClass指令:
<li ng-repeat="value in marks" ng-class="{max : value.point == maxPoint}">
{{ value.point}}
</li>
就像Petr指出的那样,这种方法效果不佳。计算更改的最大值是一种更好的方法。这是一个工作的小伙伴:http ://plnkr.co/edit/F8yjoWR0ZWVF4tcck1rH? p= preview
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句