由深物业ngRepeat过滤器 [英] ngRepeat Filter by deep property

问题描述

如果我有一个对象作为属性值一个复杂的对象，我怎么能在嵌套的属性之一过滤？

这能与OOB NG重复过滤器做了什么？

数据

  {
  产品名称：约翰·史密斯，
  经理： {
     ID：123，
     名称：'比尔Lumburg
  }
}
 

ngRepeat

 ＆LT;李NG重复=在EMPS E |过滤器：Manager.Name＆GT; {{e.Name}}＆LT; /李＆GT;
 

解决方案

您需要在参数路过筛选：

 ＆LT;输入NG模型=filter.key＆GT;
＆LT; UL＆GT;
  ＆LT;李NG重复=E在名单|过滤器：{经理：{名称：filter.key}}＆GT;
    {{e.Name}}（经理：{{e.Manager.Name}}）
  ＆LT; /李＆GT;
＆LT; / UL＆GT;
 

实例上Plunker

If I have a complex object with objects as property values, how can I filter by one of the nested properties?

Can this be done with the OOB ng-repeat filter?

Data

{
  Name: 'John Smith',
  Manager: {
     id: 123,
     Name: 'Bill Lumburg'
  }
}

ngRepeat

<li ng-repeat="e in emps | filter:Manager.Name">{{ e.Name }}</li>

解决方案

You need to pass in the argument to filter by:

<input ng-model="filter.key">
<ul>
  <li ng-repeat="e in list | filter: {Manager: {Name: filter.key}}">
    {{e.Name}}  (Manager: {{e.Manager.Name}})
  </li>
</ul>

Example on Plunker

这篇关于由深物业ngRepeat过滤器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！