javascript - 使用 ng-options 而不是 DataSource 的 Kendo 下拉列表

Question

我有一个像这样使用 Angular 定义的下拉列表:

<select class="form-control"
        ng-model="controller.selectedUser.superiorId"
        ng-options="superior.userId as superior.lastName + ' ' + superior.firstName for superior in controller.superiors | orderBy:['lastName', 'firstName']"></select>

这很好用，但是我想在条目旁边显示一个小图像，所以我试图将其转换为 Kendo 下拉列表，您可以在其中定义 HTML 模板(如 this)。

我想继续使用简洁的 ng-options 语法，而不是使用感觉有点笨拙的 Kendo DataSource 方法恕我直言。当我更新 Controller 中的上级数组时，我确实需要刷新下拉列表，但我似乎无法让它工作。我已经尝试过 ng-options、k-ng-options(如建议的 here )，但我得到的只是一个空的下拉列表。

普遍缺乏信息(例如，7 个月内没有回答 here)让我想知道这是否完全可行。

感谢任何帮助。

Answer 1

这是因为 kendo-drop-down-list指令作用于 ng-options 之前的元素有机会用 <option> 填充它下拉小部件需要的元素。在具有 ng-repeat 的东西上使用剑道小部件时会出现同样的问题。元素。

不幸的是，kendo 与 Angular 的集成在很多方面是不完整的和老套的，所以半解决方法是 delay creating the dropdown until a controller variable is available , 或 rebuild the dropdown when a controller variable changes .

这些选项都不是真正的最佳选择。当 Controller 变量发生变化时，第一个选项无助于刷新选项列表，重建小部件可能意味着丢失 ng-model。除其他事项外具有约束力。

这是他们选择用于与 Angular 集成的方法的局限性，其中之一不值得大惊小怪地尝试破解。随他们一起去吧 recommended approach of using data sources .

我还鼓励不要弄乱选择元素，因为如今许多浏览器都对它们进行了 native 处理，尤其是在移动设备上。