2015-11-24 2 views
1

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

Вот 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']; 
}); 

ответ

1

вот plunker, который работает с таким же, например: http://plnkr.co/edit/3Rz09QUWOZFloLW0KfXF?p=preview

В ш-выберите для нг-модели необходимо создать пустой объект, и вы должны присвойте ему значения.

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

Спасибо, что сработало отлично. – b85411

Смежные вопросы