加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angularjs – 将计算的类添加到角度的HTML元素中

发布时间:2020-12-17 18:08:32 所属栏目:安全 来源:网络整理
导读:我在页面上渲染一堆用户图标.我想根据他们的ID给他们一个班级. 示例用户对象 { id: 1234,name: "foo" } HTML元素 div ng-repeat="user in userList" class="something-{{ user.id % 10 + 1 }}"/div 所以类就像“something-1”,“something-2”,……基于用户I
我在页面上渲染一堆用户图标.我想根据他们的ID给他们一个班级.

示例用户对象

{ id: 1234,name: "foo" }

HTML元素

<div ng-repeat="user in userList" class="something-{{ user.id % 10 + 1 }}">
</div>

所以类就像“something-1”,“something-2”,……基于用户ID.

上面的代码不起作用.没有类出现在元素上.这样做的正确方法是什么?

解决方法

请试试ng-init.在那种情况下,您的HTML将是

<div ng-repeat="user in userList" ng-init="myId = (user.id % 10) + 1;" class="something-{{ myId }}">
</div>

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读