将自定义AngularJS过滤器从1.2.28迁移到1.4.x

时间:2015-07-17 22:48:53

标签: javascript angularjs filter

我有一个复杂的JSON响应,使用ng-repeat进行迭代。结果集中只有相对较小的属性子集显示在屏幕上,因此结果的过滤应限制为用户实际可以看到的值,否则过滤行为会让最终用户感到困惑。

由于我希望过滤的其中一个属性是深度嵌套的数组,因此需要自定义过滤器,因为内置的AngularJS filterFilter不会根据我的知识迭代数组元素。

我能够在AngularJS v1.2.28中恢复工作,但不幸的是,它在迁移到v1.4.3时似乎已经破裂了。我没有花时间来分析这个功能在发布节奏中的位置。

我没有在迁移指南中找到任何有用的信息,表明发生了哪些变化。我所知道的是,过滤器的实际/预期参数在AngularJS的最新主要版本中会收到不同的值,从而导致失败。

ng-repeat过滤器表达式:

<li ng-repeat="user in users | list_filter:{establishment: {id: filterText, names: [{name: filterText}], locations: [{streetAddress1: filterText, streetAddress2: filterText, city: filterText, stateProvince: filterText, postalCode: filterText}]}}">

单个元素的示例数据结构:

data = [{
id: 234567,
name: 'John Doe',
establishment: {
  id: 067915959,
  locations: [{
    id: '134B030365F5204EE05400212856E994',
    type: 'postal',
    streetAddress1: 'P O BOX 900',
    city: 'Grover',
    stateProvince: 'CA',
    postalCode: '902340900',
    isoCountryCode: 'US',
    region: 'MONROE'
  }, {
    id: '999B030365F4204EE05400212856E991',
    type: 'postal',
    streetAddress1: '2590 Atlantic Ave',
    city: 'Fredricks',
    stateProvince: 'VA',
    postalCode: '45487',
    isoCountryCode: 'US',
    region: 'MONROE'
  }],
  names: [{
    name: 'Grover Central School Dst',
    type: 'PRIMARY'
  }, {
    name: 'Grover Central School Dst',
    type: 'MARKETING'
  }, {
    name: 'Grover CENTRAL SCHOOL DISTRICT',
    type: 'LEGAL'
  }]
}
}];

支持Plunker示例:

编辑:

该问题似乎与v1.3.6中引入的更改直接相关。

1 个答案:

答案 0 :(得分:0)

似乎问题与现在正在应用隐式AND条件但之前是隐式OR的事实有关,这在我的情况下是理想的。如果需要旧的行为,您可以将旧版本作为单独的过滤器导入。