Selected option in angular select

Question

I have select with ng-repeat:

<select class="span5 ui-select2 id="goal_{{goal.id}}" multiple="multiple">
  <option ng-repeat="counterGoal in counterGoals" value="{{counterGoal.id}}">{{counterGoal.name}}</option>
</select>

in goal model I have counter_goal_ids array like [1,2,3,4,5,6].

How can I select options that are included in goal.counter_goal_ids?

Jonathan Muller · Accepted Answer · 2012-10-30 14:09:34Z

9

Try the following:

You can select the options by using the ng-selected attribute and a custom function in your model

ng-selected="isInGoalIds({{counterGoal.id}})"

And in your model, add a function

$scope.isInGoalIds = function(id){
    angular.forEach($scope.counter_goal_ids, function(value, index){
      if(id == value){
        return true;
      }
    });
    return false;
}

answered Oct 30, 2012 at 14:09

Jonathan Muller

7,5442 gold badges26 silver badges31 bronze badges

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

1 Comment

Jonathan Muller Over a year ago

It will not run 100*100. This is only if your goal array is the same size as your initial array. There will be total_items * goal_items iterations max

Collectives™ on Stack Overflow

Selected option in angular select

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related