Select2 не работает в angular

Я использую эту библиотеку: https://github.com/angular-ui/ui-select Я вижу, что демо работает правильно, но когда я пытаюсь адаптировать его для своих целей, оно не работает. С самим элементом управления все в порядке, но ng-model, который я указываю, не обновляется.

Вот plunkr, который показывает, что я имею в виду: =предварительный просмотр

Если вы удалите 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'];
});

person b85411    schedule 24.11.2015    source источник


Ответы (1)


вот плункер, который работает с тем же примером: =предварительный просмотр

В ui-select для ng-модели вам нужно создать пустой объект и вам нужно присвоить ему значения.

 $scope.selectedServices = {};
 $scope.selectedServices.values = ['1M', '6M', '12M'];
person Dilip Tirumala    schedule 24.11.2015