AngularJS - 如何通过嵌套的json数组进行过滤

时间:2016-01-20 15:53:18

标签: javascript angularjs json

AngularJS新手在这里。这是我一直在研究的JSON文件,我想要做的是使用AngularJS按成分过滤搜索。请帮忙吗?

{
    "id": 01,
    "recipe-name": "Fried Fish",
    "ing": {
        "i1": "1 fish",
        "i2": "1 egg",
        "i3": "1\/2 cup flour",
        "i4": "salt and pepper",
        "i5": "chili leaves"
    }
}

这是我过滤结果的代码

    <div class="results" ng-repeat="r in recipes | filter:q.ing">

1 个答案:

答案 0 :(得分:1)

您不需要过滤器。

您只需ng-repeat通过recipes.ing嵌套对象。

<div class="results" ng-repeat="r in recipes.ing">
    <p>{{r}}</p>
</div>

简单小提琴:http://jsfiddle.net/zq39zspc/1/