angularjs - dropdownlist - Kendo MultiSelect actualización de ngmodel

kendo ui angular 2+

Question

Estoy intentando agregar un botón para agregar valores al ngmodel de la selección múltiple de Kendo:

<div ng-controller="MyCtrl">
<select id=''my'' kendo-multi-select k-options="selectOptions" k-ng-model="selectedIds"></select>
<p ng-show="selectedIds.length">Selected: {{ selectedIds }}</p>
<button ng-click="addSelectedId()">Add selected id</button>
<input ng-model="enteredId" />
</div>

Aquí está el controlador

 function MyCtrl($scope) {
$scope.selectOptions = {
placeholder: "Select products...",
dataTextField: "ProductName",
dataValueField: "ProductID",
autoBind: false,
dataSource: {
type: "odata",
serverFiltering: true,
transport: {
read: {
url: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Products",
}
}
}
};
$scope.selectedIds = [ 4, 7];
$scope.addSelectedId = function() {
$scope.selectedIds.push(parseInt($scope.enteredId));
console.log($scope.selectedIds);
};
}

Plunker está aquí:

http://plnkr.co/edit/EH0EaMhFsV2JTdwpkqGg?p=preview

Cuando se agrega a selectedIds, no se agrega nada al menú desplegable Seleccionar marcador de posición. ¿Algunas ideas?

Answer 1

Necesita agregar k-rebind = "selectedIds" en su código html

HTML:

<div ng-controller="MyCtrl">
<select id=''my'' kendo-multi-select k-options="selectOptions" k-ng-model="selectedIds" k-rebind="selectedIds"></select>
<p ng-show="selectedIds.length">Selected: {{ selectedIds }}</p>
<button ng-click="addSelectedId()">Add selected id</button>
<input ng-model="enteredId" />
</div>

Por favor, mira este ejemplo de plunker actualizado