When I'm binding an option value to a model this way, it works.
{{profile_filter}} will contain {{option.label}} :
<select ng-model="profile_filter"><option ng-repeat="option in
showCase.filters" value="{{option.label}}">
{{option.label}}</option> </select>
// Show Selected Option :<div>{{profile_filter}}</div>
With ng-repeat I added additional <select> dropdown menus, and as expected
{{profile_filter}}is now empty. Logic tells it has to do with
ng-model="profile_filter" not having a unique scope anymore :
<div class="filters" ng-repeat="filter in showCase.filters">
<label>{{filter.label}}<select ng-model="profile_filter"><option
ng-repeat="option in filter.options" value="{{option.label}}">
{{option.label}}</option> </select> </label>
</div>
// Empty<div>{{profile_filter}}</div>
What approach should I take to solve this? Thanks in advance.
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
