角度过滤器 - 使用 controllerAs 语法不起作用

Question

我在 html 代码中有这个：

<md-list>
  <md-list-item ng-repeat="schema in dash.filteredSchemas = (dash.items | filter: {name: dash.schemaListFilter}) | orderBy: 'schema.id'">
    <h4>{{ ::schema.name }}</h4>
  </md-list-item>
</md-list>
<div ng-show="dash.filteredSchemas.length">Empty</div>

问题是使用此语法时我看不到任何结果 - 如果未填写过滤器，则应显示 10 个结果。

注意：没有控制台错误。改为：

<md-list>
  <md-list-item ng-repeat="schema in dash.items | filter: {name: dash.schemaListFilter} | orderBy: 'schema.id'">
    <h4>{{ ::schema.name }}</h4>
  </md-list-item>
</md-list>
<div ng-show="dash.filteredSchemas.length">Empty</div> 

显示结果，但（显然）在应用过滤器且没有结果匹配时不显示空消息。

这有什么问题？！

Answer 1

如果您想获得过滤结果但不想破坏原始数组，您可以使用'as' 操作ng-repeat...

<md-list>
  <md-list-item ng-repeat="schema in dash.items | filter: {name: dash.schemaListFilter} | orderBy: 'schema.id' as filteredData">
    <h4>{{ ::schema.name }}</h4>
  </md-list-item>
</md-list>
<div ng-show="filteredData.length">Empty</div>

因此，每当您更改过滤器查询时，结果将设置为 'filteredData'，因此您可以使用此数组属性来实现您想要的...