Angularjs not two way binding for select with multiple

Question

I have a select like:

<select multiple ng-multiple="true" ng-model="selectMulti" ng-options="br.Name for br in branches"></select>

Scope objects in controller are as below:

vehicleFactory.getBranches().success(function (data) {
    $scope.branches = data;
}).error(function (data) {       
    $scope.loading = false;
});

vehicleFactory.getVehicle().success(function (data) {
    $scope.vehicle = data;
    $scope.selectMulti = $scope.vehicle.AssociatedBranches;
}).error(function (data) {       
    $scope.loading = false;
});

It is not selecting multiple items in select as it was not binding.

What is wrong in it.

Please share more code

squiroid
– squiroid

2015-02-04 05:28:44 +00:00
Commented Feb 4, 2015 at 5:28 — squiroid
– squiroid, Commented Feb 4, 2015 at 5:28

New Dev · Accepted Answer · 2015-05-07 07:10:17Z

1

When you use <select multiple..> the ViewModel of it is an array (unlike <select> without multiple).

So, say you have:

$scope.branches = [{...}, {...}, ...];

and the View:

<select multiple ng-model="selectMulti" ng-options="br.Name for br in branches">
</select>

Then, if you would like to select default values, your $scope.selectMulti should be an array of these values:

$scope.selectMulti = [$scope.branches[0], $scope.branches[1]];

edited May 7, 2015 at 7:10

answered Feb 4, 2015 at 5:34

New Dev

49.8k12 gold badges99 silver badges140 bronze badges

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

Collectives™ on Stack Overflow

Angularjs not two way binding for select with multiple

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