我坚持过滤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;展示农场里养羊的农场。