javascript - Angular ui-select 多个 ng-model 不会绑定(bind)？

Question

我已经像这样将模型绑定(bind)到 ui-select

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

但是，$scope.selectedPeople 在选择时不会更新，在手动更改数组时 ui-select 选择也不会更新。

参见 plunker here

我在这里尝试做的是以编程方式在 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>

“只要你有 ng-model，就一定会有一个点在某处。如果你没有点，那你就做错了。” - 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 },
  ];
}