angularjs - angularjs unnest ng-repeats 进入一个查询

Question

<div ng-repeat="blub in filtered = (blubs | filter:tag)">
  <span ng-repeat="tag in blub.tags" class="tag-box">{{tag}}</span>
</div>

如何将其取消嵌套到一个查询中。我想象它是这样的：

<span ng-repeat="tag in blub.tags in filtered = (blubs | filter: tag)>{{tag}}</span>

对象 blub 有多个标签，有多个 blub 对象。

编辑：Plunker： http ://plnkr.co/edit/mWjyryOsV5zZJisZzV3D 目标：将 ng-repeat 减少 2 倍为显示相同标签的 ng-repeat。

score 0 · Accepted Answer

在这种情况下，我建议您首先创建一个集合，而不是进行双循环。

<span ng-repeat="tag in getBlupList(filtered)" class="tag-box">{{tag}}</span>

其中 getBlupList(filtered) 是 JS 方法。某种 reducer 可以创建一个列表而不是您拥有的列表。我不知道你的收藏是什么样子，但对我个人而言，在这种情况下，最好的解决方案是使用 Underscore.js lib。“ .flatten()”或“ .pluck()”

1 回答 1