使用外部 ng-repeat's Object 属性过滤嵌套的 ng-repeat(嵌套)



我试图用两个json做两个嵌套的ng-repeat,其中第二个ng-repeat由第一个ng-repeat的参数过滤。

json $scope。matches包含了世界杯每一场比赛的信息。第二个json @scope。预测包含每个用户对每个游戏的预测。

现在我想重复一场比赛作为标题,然后列出该特定比赛的所有预测。重复,直到每一个预测被列在正确的游戏。我有火柴。Matchnumber = forecast . Matchnumber .

在我的Plunker http://plnkr.co/edit/GQmYxZiO53nkIBVczaS9?p=preview中你可以看到,过滤器不起作用,因为它适用于每个对象参数,而不仅仅是matchnumber。

最简单的方法是什么?也许我应该把json组合成一个过滤数组?怎么做才是聪明的呢

为了按特定属性进行过滤,需要传递一个以property-name为键、以搜索词为值的对象:

ng-repeat="p in predictions | filter:{matchnumber: match.matchnumber}"

<子>上面的过滤器将只返回那些matchnumber属性与match.matchnumber匹配的预测。


请参见更新后的演示


<子>也就是说,在每个摘要循环中遍历每个匹配的所有预测可能不是很有效。更好的方法是处理两个json并构建包含所有必要数据的第三个json,这样视图中就不需要过滤。

最新更新