角度ng-class与class

Question

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

我有一个用ng-repeat生成的UL。 如果LI是当前选择的LI（用户），则LI将使用.item类进行样式设置，而所选的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>

如果仍然有问题，建议您访问此博客： ng-class的多种使用方法

请享用！