angularjs - dropdownlist - Kendo Angular multiselect establece valores seleccionados

multiselect angular 4

Question

Estoy usando Kendo multiselect con directivas Angular-Kendo y con fuente de datos remota. Intento establecer los elementos seleccionados cuando se inicia la aplicación, pero sin suerte. ¿Alguien puede ayudarme por favor?

Vea el código aquí: JS Bin

Answer 1

Tienes que enlazar con la directiva de evento de cambio y enviar el evento kendoEvent. Luego puede usar los métodos de kendo compatibles en e.sender. Compruébalo en este plunker

    <select id="required" multiple="multiple"  kendo-multi-select k-on-change="changed(kendoEvent)">
        <option>Steven White</option>
        <option>Nancy King</option>
        <option>Nancy Davolio</option>
        <option>Robert Davolio</option>
        <option>Michael Leverling</option>
        <option>Andrew Callahan</option>
        <option>Michael Suyama</option>
        <option selected>Anne King</option>
        <option>Laura Peacock</option>
        <option>Robert Fuller</option>
        <option>Janet White</option>
        <option>Nancy Leverling</option>
        <option>Robert Buchanan</option>
        <option>Margaret Buchanan</option>
        <option selected>Andrew Fuller</option>
        <option>Anne Davolio</option>
        <option>Andrew Suyama</option>
        <option>Nige Buchanan</option>
        <option>Laura Fuller</option>
    </select>

    var app = angular.module(''app'', [''kendo.directives'']); 

    app.controller("myCtrl", function ($compile, $scope) {

      $scope.changed = function(e) {
      console.log(e.sender.dataItems());
      };

    });

Answer 2

Puede hacer una directiva personalizada y pasar los elementos que desea seleccionar de antemano al atributo de value de la directiva de selección múltiple, eche un vistazo a este Plunk para ver la directiva que uso.