2014-10-17 86 views
2

我無法獲得在IE9中工作的以下示例。下拉列表不啓用或禁用。使用AngularJS ng-disabled啓用/禁用kendo ui下拉列表

使用AngularJS v1.2.22和劍道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; 
+0

NG-禁用= 「禁用」 是什麼你有你的標記,但$ scope.enabled = true是你的代碼 – sma 2014-10-17 16:14:36

+0

$ scope.disabled = true;也可以在js代碼中,因爲單擊複選框時模型值將被初始化,所以不需要它。 – gman7911 2014-10-20 07:23:04

回答

4

劍道的下拉列表和ComboBox 似乎有麻煩IE9結合NG-禁用

我有一個解決方法。詳情是here。完成Plunker代碼。

基本上,

  1. 你必須手動監視無論是內部的ng-disabled屬性自己。
  2. 然後請自己撥打Kendo's Combobox的enable()功能。下拉列表應該類似地工作。

心連心

+0

這工作完美。不幸的是,我無法得到這個爲劍道日期選擇器工作。他們的控制似乎有不同的表現。 – gman7911 2014-11-06 10:28:42