使用 AngularJS ng-disabled 启用/禁用 kendo ui 下拉列表答案

【问题标题】：Enable / Disable kendo ui drop down list using AngularJS ng-disabled使用 AngularJS ng-disabled 启用/禁用 kendo ui 下拉列表
【发布时间】：2014-10-17 16:12:53
【问题描述】：

我无法让以下示例在 IE9 中运行。下拉列表不启用或禁用。

使用 AngularJS v1.2.22 和 Kendo UI v2014.2.903

任何帮助将不胜感激。

HTML：

<div kendo-drop-down-list k-data-source="names" ng-model="selected" ng-disabled="disabled">
</div> 
<label>ng-disable 
   <input type="checkbox" ng-model="disabled" /> 
</label> 
<div kendo-drop-down-list k-data-source="names" ng-model="selected" k-enable="enabled">
</div> 
<label>k-enable 
   <input type="checkbox" ng-model="enabled" /> 
</label> 
<pre>DISABLED: {{disabled}} ENABLED: {{enabled}}</pre>

JS：

$scope.names = ['Option 1', 'Option 2', 'Option 3'];
$scope.enabled = true;

【问题讨论】：

ng-disabled="disabled" 是你的标记，但 $scope.enabled = true 是你的代码
$scope.disabled = true;也可以在js代码中，不需要，因为点击复选框时会初始化模型值。

标签： angularjs kendo-ui internet-explorer-9

【解决方案1】：

Kendo 的下拉列表和组合框在 IE9 中似乎无法绑定到 ng-disabled。

我有一个解决方法。详细信息是here。用 Plunker 代码完成。

基本上，

您必须自己手动查看ng-disabled 属性中的内容。
然后自己调用Kendo的Combobox的enable()函数。下拉列表应该类似地工作。

第

【讨论】：

这很完美。不幸的是，我不能让它为剑道日期选择器工作。他们的控件似乎表现不同。

【解决方案2】：

对于 2015 年之后进入此页面的用户，Kendo 添加了自定义属性 k-ng-disabled 和 k-ng-readonly，如下所述：

http://docs.telerik.com/kendo-ui/AngularJS/introduction#state-changes

【讨论】：