クラスng-classのクラス

Question

ここでは同様の質問がありますが、これと最も単純なユースケースではありません。同じ要素に対してclassとng-classを使用しています。

私はng-repeatで生成されたULを持っています。 LIは.itemクラスを持つスタイリングを取得し、選択されたLIは、現在選択されているLI（ユーザ）であれば、ng-classで動的に追加された.activeクラスを取得します。

ng-classだけを使用すると動作します。しかし、私が標準クラスを追加したいとき、それはしません。

Whats up？大変感謝---

これは動作し、選択された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

はまあいつもの回避策があります：D：

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

イムわからないあなた、あなたがNGクラスでクラスを呼び出すことが、1つのdosent仕事ならば、他のを確認し、それらの引用を持っているとします。これが助けて欲しい！

Answer 2

私はあなたがクラスとngのクラスを使用して、クラスを上書きしていると思いたいです。 item：trueをng-classに入れて、それを回避する方法として？

Answer 3

これを試してみてください。それはうまく動作します。

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

Answer 4

私は本当に覚えていれば、あなたはこのようにそれを行うことができます。

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

最初にすると仮定クラス。両方のクラスで同じ属性を使用しないとうまくいくでしょう。 The Many Ways To Use ng-class

楽しむ：あなたはまだ私はこのブログを訪問することをお勧めします問題がある場合は

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

：それは動作しない場合

また、あなたはこのようにそれをしようとすることができます！