ループ内でng-repeatの2つの配列をフィルタリングする

Question

テーブルセルのすべてのキーを表示したいが、既にデータベースにあるキーは異なる背景色で表示されるという問題に直面しています。私はng-repeatを2回試しましたが、既存のキーを繰り返すので成功しません。ここ

は、可能であれば任意のより良い解決策を提案してくださいここでは、より理解

とは、関連するコード

d.keys = ['a','b'] // from database 
keys = ['a','b','c','d'] // complete list 

<span ng-repeat="vk in keys"> 
    <span ng-repeat="dk in d.keys"> 
     <span ng-show="vk === dk" class="key {{ dk }}">{{ dk }}</span> 
     </span> 
     <span class="key">{{ vk }}</span> 
    </span> 
    </span> 

で取得することthe plunkerです。私はいくつかのフィルタ方法を読んだが、考えを得ていなかった。

Answer 1

あなたは本当に私が信じているスパンのクラスを修正したい。ちょうど1回ng-repeatしてng-classでクラスを設定してください

<span ng-repeat="vk in keys"> 
    <span class="key" ng-class="d.keys.indexOf(vk) >= 0 ? vk : ''">{{ vk }} </span> 
</span>