配列が含まれている場合の角の表現

Question

jobSetが式を使用して承認のために選択されていない場合、要素にクラスを追加しようとしています。

<li class="approvalUnit" ng-repeat="jobSet in dashboard.currentWork" ng-class="{-1:'approved'}[selectedForApproval.indexOf(jobSet)]"> 

これはまったくばかばかしい方法ではありません。どのように私はこれを行う必要があります上の任意の提案？

Answer 1

あなたは少し異なる構文でこれを達成することができます：あなたはそれは悪い習慣だ、複雑なロジックをテンプレートに過負荷をかけてはいけません

ng-class="{'approved': selectedForApproval.indexOf(jobSet) === -1}" 

Plnkr

Answer 2

。常にシンプルに保つことを忘れないでください！

より良いアプローチは、あなたの$rootScopeに再利用可能な関数にこのロジックを抽出するために、次のようになります、そして、

.run(function ($rootScope) { 
    $rootScope.inArray = function (item, array) { 
    return (-1 !== array.indexOf(item)); 
    }; 
}) 

テンプレートでそれを使用します。

<li ng-class="{approved: inArray(jobSet, selectedForApproval)}"></li> 

私は誰もがこの例であることに同意すると思いますはるかに読みやすく保守的です。

Answer 3

あなたの初期設定のどこかにこのコードを入れてください。

Array.prototype.contains = function contains(obj) { 
    for (var i = 0; i < this.length; i++) { 
     if (this[i] === obj) { 
      return true; 
     } 
    } 
    return false; 
}; 

その後、あなたはそれをこのように使用することができます。

<li ng-class="{approved: selectedForApproval.contains(jobSet)}"></li>