Select2 在 angular 中不工作

Question

我正在使用这个库：https://github.com/angular-ui/ui-select 我可以看到演示正常工作，但是当我尝试根据自己的目的对其进行调整时，它不起作用。实际控件本身似乎没问题，但是我指定的 ng-model 没有更新。

这里有一个 plunkr 说明了我的意思：http://plnkr.co/edit/xEtoR49Du9CdrNNoDWAa?p=preview

如果删除 6M（例如），下面显示的数组 selectedServices 不会更新。

<ui-select multiple ng-model="selectedServices">
    <ui-select-match placeholder="Services...">{{ $item }}</ui-select-match>
    <ui-select-choices repeat="service in services | filter: $select.search">
        {{ service }}
    </ui-select-choices>
</ui-select>
{{ selectedServices }}

并且：

app.controller('DemoCtrl', function($scope, $http, $timeout) {
    $scope.selectedServices = ['1M', '6M', '12M'];
    $scope.services = ['1M', '6M', '12M'];
});

Answer 1

这是使用相同示例的插件： http://plnkr.co/edit/3Rz09QUWOZFloLW0KfXF?p=preview

在 ui-select 中，对于 ng-model，您需要创建空对象并为其赋值。

 $scope.selectedServices = {};
 $scope.selectedServices.values = ['1M', '6M', '12M'];

Select2 在 angular 中不工作

Select2 not working in angular

angularjs

ui-select2