AngularJS-如何突出显示/将类添加到最大值

angular_learner

可以说,我有一个非常简单的数据供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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

AngularJs ng-repeat 將顏色添加到受尊重列中單元格的最大值

来自分类Dev

将类添加到AngularJs中的多个元素

来自分类Dev

将CSS类添加到Angularjs中的标记元素

来自分类Dev

将var值添加到Google图表,angularJs

来自分类Dev

AngularJS动态将值添加到$ watch

来自分类Dev

angularJs如何将href添加到$ first

来自分类Dev

将ngRoute添加到angularjs

来自分类Dev

将ngRoute添加到angularjs

来自分类Dev

angularjs $超时最大值

来自分类Dev

AngularJS-如何将AngularJS文件上传添加到MeanJS库

来自分类Dev

如何将 $scope 对象值添加到另一个 $scope 对象?(AngularJS)

来自分类Dev

AngularJS-将类添加到$ routeProvider占位符链接

来自分类Dev

根据选定的选项 AngularJs 将类添加到下拉列表

来自分类Dev

将row_number添加到最大值

来自分类Dev

突出显示/将类添加到活动 div

来自分类Dev

在AngularJS中将CSS类添加到随机项

来自分类Dev

如何在AngularJS中将选中的类添加到单选按钮

来自分类Dev

如何在AngularJS中将选中的类添加到单选按钮

来自分类Dev

AngularJS ng-options将数据类型添加到选项的值

来自分类Dev

我想使用angularjs在单击按钮时将值添加到本地存储

来自分类Dev

angularjs在某些列上获取最大值

来自分类Dev

AngularJS从选项中选择值并添加到数组

来自分类Dev

angularjs,将循环属性添加到视频

来自分类Dev

AngularJS将数组添加到Cookie存储

来自分类Dev

将事件处理程序添加到AngularJS包含内容

来自分类Dev

将图像添加到AngularJS模型以进行上传

来自分类Dev

将元数据添加到AngularJS资源对象

来自分类Dev

AngularJS:将加载程序元素添加到DOM的顶部

来自分类Dev

AngularJS将变量添加到范围问题

Related 相关文章

热门标签

归档