Angularjs在嵌套的ng-repeats中搜索/过滤?

时间:2015-08-30 14:02:34

标签: angularjs

我坚持过滤AngularJS。简单的事情确实有效,比如搜索姓名,但我无法弄清楚如何搜索嵌套的ng-repeats。

输出清晰正确,我唯一能解决的是如何在所有农场中搜索特定的绵羊。

<fieldset>
    <input type="text" placeholder="search farm" ng-model="search.$">
</fieldset>

<section ng-repeat="farm in farms | filter: search | filter:search.sheep">
    <h4>Farm: {{ farm.name }}</h4>
    <ul>
        <li ng-repeat="sheep in farm.sheeps">
            {{ sheep }}
        </li>
    </ul>

</section>

<aside>
    <ul>
        <li ng-repeat="sheep in sheeps">
            <label>
                <input type="checkbox" ng-model="search.sheep" value="{{ sheep.name }}">
                {{ sheep.name }}
            </label>
        </li>
    </ul>
</aside>

Farm的JSON结构:

{
    id: 3,
    name: "Farmname",
    sheeps: [
        "Sheep 1",
        "Sheep 2",
        "Sheep 3",
        "Sheep 4"
    ],
}

或者,如果我像这样生成JSON,它会更容易吗?

 {
            id: 3,
            name: "Farmname",
            sheeps: "Sheep 1 - Sheep 2 - Sheep 3"
}

用例:点击Sheepname&gt;展示农场里养羊的农场。

0 个答案:

没有答案