angularjs - 将计算类添加到 angular 的 HTML 元素

Question

我在页面上渲染了一堆用户图标。我想根据他们的 ID 给他们上课。

示例用户对象

{ id: 1234, name: "foo" }

HTML 元素

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

所以类会像“something-1”，“something-2”，......基于用户ID。

上面的代码不起作用。元素上没有显示任何类。这样做的正确方法是什么？

Answer 1

请尝试使用 ng-init .在这种情况下，您的 HTML 将是

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