如何使用对象数组绑定多选元素？

Question

我有一个元素，我想绑定一个模型来获取/设置值，并使用角度从列表中填充它1

我有它的方式，我能够从UI建模，反之亦然，我做错了什么？

HTML：

<div ng-controller="MyCtrl"> 
    <select class="form-control"   
    ng-options="o as o.prop for o in brands" 
    ng-model="selectedBrands" 
    multiple="multiple" 
    > 
    </select> 
</div> 

JS：

var myApp = angular.module('myApp', []); 

function MyCtrl($scope) { 
    $scope.brands = [{ 
    prop: 1 
    }, { 
    prop: 2 
    }, { 
    prop: 3 
    }]; 
    $scope.selectedBrands = [{ 
    prop: 2 
    }]; 
} 

的jsfiddle：

http://jsfiddle.net/4L8b7cke/

Answer 1

重复使用$scope.brands元素，不要为选定项目创建新的元素，因为ngModel通过引用来观察模型。

$scope.selectedBrands = [$scope.brands[0],$scope.brands[1]]; 

更新：

默认情况下，ngModel观看由参考模型，而不是价值。这对于将选择绑定到作为对象或集合的模型时很重要。

从ngOptions documentation