angularjs - Kendo Angular 多选设置选定值

Question

我正在使用带有 Angular-Kendo 指令和远程数据源的 Kendo 多选。我正在尝试在应用程序启动时设置选定的项目，但没有运气。谁能帮帮我吗？

在此处查看代码： JS Bin

Answer 1

您可以只制作一个自定义指令，并将您想要预先选择的项目传递给多选value指令的属性，看看这个 Plunk看看我使用的指令。

Answer 2

您必须挂钩 on change 事件指令并发送 kendoEvent。然后您可以在 e.sender 上使用支持的剑道方法。看看这个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());
      };

    });