使用ng-repeat in循环过滤两个数组

Question

我正面临一个问题，我想在表格单元格中显示所有键，但已经在我的数据库中的键将以不同的背景颜色显示;我尝试了两次ng-repeat但是它没有成功，因为它重复了现有的键;

这里是the plunker以获得更多理解

以下是相关代码

 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>

如果可能，请建议任何更好的解决方案;我读了一些过滤方法，但没有得到这个想法

Answer 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>