javascript - AngularJS - 複数の ng-class ディレクティブを追加するには?

Question

ng-classディレクティブを使用する 2 つの異なる方法を次に示します。同じ要素で両方が必要ですが、うまくいきません。

ng-class でオブジェクトを使用する

<div ng-repeat="item in [1, 2, 3, 4, 5]" 
     ng-class="{ first: $first, last: $last }">{{item}}</div>

正しく結果

<div class="first">1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div class="last">5</div>

<div ng-repeat="item in [1, 2, 3, 4, 5]" 
     ng-class=" 'count-' + ($index + 1) ">{{item}}</div>

正しく結果

<div class="count-1">1</div>
<div class="count-2">2</div>
<div class="count-3">3</div>
<div class="count-4">4</div>
<div class="count-5">5</div>

動的なクラス名 ( など'count-' + n) が必要ですが、複数のクラスのオブジェクト構文も必要です。

ng-class2 つの属性 ( http://plnkr.co/edit/OLaYke?p=preview )だけを使用することはできません。最初の属性のみが機能します。

助言がありますか？

score 20 · Accepted Answer

ng-class2番目のものには使用しないでください。

<div class="count-{{$index + 1}}" ng-class="{ first: $first, last: $last }">