How to execute angularjs directives in sequence?

Question

I have 2 select directives:

 <select ng-model="selectedDistrict" ng-options="item.DISTRICT as item.DISTRICT for item in opendata  | unique: 'DISTRICT' "></select>
    <select ng-model="selectedYear" ng-options="item as item.YEAR for item in opendata | filter:{ DISTRICT: {{selectedDistrict}} }"></select>

The problem is that the second one gives error: Error: [$parse:syntax] Syntax Error: Token '}' not a primary expression at column 32 of the expression [opendata | filter:{ DISTRICT: }] starting at [}]

It is because selectedDistrict is not yet populated owing to the large size of opendata.

Is there a callback so that second directive can be fired once the first one has got the value?

JLRishe · Accepted Answer · 2015-04-16 20:42:45Z

3

It is because selectedDistrict is not yet populated owing to the large size of opendata.

No, it is because you're using wonky syntax.

The correct syntax would be:

item as item.YEAR for item in opendata | filter: { DISTRICT: selectedDistrict }

answered Apr 16, 2015 at 20:42

JLRishe

102k19 gold badges138 silver badges171 bronze badges

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

Collectives™ on Stack Overflow

How to execute angularjs directives in sequence?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related