简体   繁体   English

AngularJS过滤多个深层嵌套属性

[英]AngularJS filter on multiple deep nested properties

I've couple of select fields on basis of which I want to filter data. 我有几个选择字段,我想根据这些字段过滤数据。 Here is working plukr: http://plnkr.co/edit/VUnAoL2Sl0IqGcZqHbbi?p=preview 这是工作插件: http ://plnkr.co/edit/VUnAoL2Sl0IqGcZqHbbi?p=preview

If I select any one value from select, it works fine, but when I select the other one it don't show any data. 如果我从select中选择任何一个值,它可以正常工作,但是当我选择另一个时,它不会显示任何数据。

These filters are going to be dynamic (depending on number of columns) So I want that in HTML I could use it with single filter declaration like: <tr ng-repeat="row in data | filter:{columns: filt}"> 这些过滤器将是动态的(取决于列数)所以我希望在HTML中我可以使用单过滤器声明,如: <tr ng-repeat="row in data | filter:{columns: filt}">

Not like: <tr ng-repeat="row in data | filter:{columns: filt.something} | filter: {some: thing}"> 不喜欢: <tr ng-repeat="row in data | filter:{columns: filt.something} | filter: {some: thing}">

    <tr ng-repeat="row in _data = (data | filter:{columns: {dealType:filt.dealType}}) | filter:{columns:{primaryUse:filt.primaryUse}}">
       <td ng-repeat="column in row.columns">
           {{column[column.header]}}
       </td>
   </tr>

I have got the same issue and it worked with a change in your code as above. 我遇到了同样的问题,并且如上所述更改了代码。 Thanks 谢谢

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM