Angular filter - with controllerAs syntax not working

Question

I have this in html code:

<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>

The problem is that I don't see any results when using this syntax - where 10 results should be shown if filter in not filled.

Note: no console errors. Changing to:

<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>

Shows results but (obviously) not shows the empty message when filter applied and no result match.

What is wrong with that?!

how do u set dash.filteredSchemas on second example?

Poyraz Yilmaz
– Poyraz Yilmaz

2016-01-22 10:13:12 +00:00
Commented Jan 22, 2016 at 10:13 — Poyraz Yilmaz
– Poyraz Yilmaz, Commented Jan 22, 2016 at 10:13
I don't, it's not working

vlio20
– vlio20

2016-01-22 10:14:01 +00:00
Commented Jan 22, 2016 at 10:14 — vlio20
– vlio20, Commented Jan 22, 2016 at 10:14

Poyraz Yilmaz · Accepted Answer · 2016-01-22 10:20:24Z

1

If you want get filtered result but do not want to break original array you can use 'as' operation for 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>

so whenever you change your filter query the result will be set to 'filteredData' so you can use this array properties to achieve what you want...

answered Jan 22, 2016 at 10:20

Poyraz Yilmaz

5,8671 gold badge28 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

vlio20 Over a year ago

Thanks, but how can I bind filteredData alias to my controller? meaning that I would be able to use it in other places like dash.filteredData?

Poyraz Yilmaz Over a year ago

if you really wants to set it on your vm alias you can watch its value as it is an element of scope...

Collectives™ on Stack Overflow

Angular filter - with controllerAs syntax not working

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related