带类的Angular ng-class

Question

我在这里发现了类似的问题但不是这个问题，它是一个最简单的用例：在同一个元素上使用class和ng-class。

我使用ng-repeat生成UL。 LI使用.item类进行样式化，如果是当前选择的LI（用户），则选定的LI将使用ng-class动态添加.active类。

如果我只使用ng-class，它就可以了。但是，当我想添加标准类时，它不会。

什么事？非常感谢---

这有效，所选的LI获得.active类。

<li ng-repeat="user in mainList.users" ng-class="{'active':isCurrentUser(user)}">

这不起作用：

<li ng-repeat="user in mainList.users" class="item" ng-class="{'active':isCurrentUser(user)}">

Answer 1

试试这个，我已经测试过了。

<li ng-repeat="user in mainList.users" class="item ng-class:{'active':isCurrentUser(user)}">

Answer 2

我猜你用class和ng-class覆盖了这个类。你能把ng-class中的item：true作为解决这个问题的方法吗？

Answer 3

总有一种解决方法：D：

<li  ng-repeat="user in mainList.users" ng-class="{'item' : true, 'active': isCurrentUser(user)}">
   {{user}}
</li>

我不确定你在调用ng-class中的类时是否有这些引用但是如果一个剂量工作则检查另一个。希望这有帮助！

Answer 4

如果我记得真的，你可以这样做：

<li class="item" ng-repeat="user in mainList.users" ng-class="{'active':isCurrentUser(user)}">

这个班级假设是第一个。如果你在两个类中没有相同的属性，它将起作用。

如果它不起作用，你可以尝试这样做：

<!-- add the text-error class if wrong is true -->
<div class="item ng-class:{ 'text-error': wrong };">Stuff Goes Here</div>

如果您仍然遇到问题，我建议您访问此博客： The Many Ways To Use ng-class

享受！