javascript - 如何使用 ng-repeat 对二维 json 对象应用过滤器?

标签 javascript angularjs angularjs-ng-repeat angularjs-filter

这是我的 json:

[{"node":
    {'name': 'Nexus S',
     'snippet': 'Fast just got faster with Nexus S.',
     'age': 1}},
    {"node":{'name': 'Motorola XOOM™ with Wi-Fi',
     'snippet': 'The Next, Next Generation tablet.',
     'age': 2}},
    {"node":{'name': 'MOTOROLA XOOM™',
     'snippet': 'The Next, Next Generation tablet.',
     'age': 3}}
  ]; 

这是我的代码:

Search-title: <input type='text' ng-model="name">
    <div class='cat' ng-repeat="(key,value) in phones ">
      <ul ng-repeat="fin in value | filter:name ">
        <li><h3>{{fin.name}}</h3>
        {{fin.snippet}}
        </li>
      </ul>
    </div>

如何对此 json 对象应用过滤器?

最佳答案

请参阅此处:http://jsbin.com/kovegi/1/edit?html,js,output CodingNinja 很接近,只需使用 ng-model="searchObj.node.name" 代替 ng-model="searchObj.name"

<div ng-controller="firstCtrl">
Search-title: <input type='text' ng-model="searchObj.node.name">
    <div class='cat' ng-repeat="(key,value) in phones  | filter:searchObj ">

  <ul ng-repeat="fin in value">
    <li><h3>{{fin.name}}</h3>
    {{fin.snippet}}
    </li>
  </ul>
</div>

关于javascript - 如何使用 ng-repeat 对二维 json 对象应用过滤器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25055333/

相关文章:

javascript - 焦点轮廓在右侧断开 - 未完全包裹元素

css - 禁用 md-autocomplete 自动建议下拉的垂直滚动条

javascript - 有什么方法可以控制语义 ui 弹出窗口的时间延迟吗?

javascript - Angular.js ng-repeat 回调

javascript - AngularJS ng-repeat 键值对指令

javascript - 为什么这个 Javascript 函数不起作用?

javascript - ajax 调用后 jquery 不起作用(在弹出窗口中响应)

javascript - 如何从动态表单中获取值,将它们传递给变量并使用 JavaScript 中的查询字符串参数重定向到 URL?

javascript - 在输入类型复选框中绑定(bind) ng-models

angularjs-directive - Ng-repeat 在 Sightly 中