Angular ui-select多重ng模型不会绑定？

Question

我把一个模型绑定到一个像这样的ui-select

<ui-select multiple ng-model="selectedPeople" theme="bootstrap" style="width:300px;">

但是,$scope.selectedPeople在选择时不会更新,也不会在手动更改阵列时更新ui-select选项.

在这里看到plunker

我在这里尝试做的是以编程方式在ui-select列表中添加项目.如何？

Answer 1

这是一个有效的Plunker.

使selectedPeople成为范围对象的属性:

JS

$scope.test = {};

标记

<ui-select multiple ng-model="test.selectedPeople" theme="bootstrap" style="width:300px;">

...

<pre>{{ test.selectedPeople }}</pre>

"无论什么时候你都有模型,那里必须有一个点.如果你没有一个点,那你做错了." - http://jimhoskins.com/2012/12/14/nested-scopes-in-angularjs.html

编辑:改变模型进行此更改:

$scope.test = function() {
  $scope.people = [
    { name: 'A',    email: 'a@email.com',    age: 10 },
    { name: 'B',    email: 'b@email.com',    age: 12 },
  ];
}