Angular Kendo Dropdownlist自動添加空白選項

我正在使用角劍道，並且與劍道的下拉列表控件有一個奇怪的問題，即窗體上第一個下拉控件綁定的字段默認爲? undefined:undefined ?。儘管生成的html首先有selected="selected"。當我在下拉菜單中明確選擇一個值時，模型會正確更新。Angular Kendo Dropdownlist自動添加空白選項

下拉列表中填充了根範圍內的數組。

也注意到，如果我啓用了chrome的擴展AngularJS Batarang，那麼它也可以工作。

我做了angular-kendo的調試，發現kendo會自動添加空白選項，其值爲？ undefined：undefined？。

<select class="s-select" kendo-drop-down-list k-data-source="lookupCache.getLookupValues('gender')" k-data-text-field="'DisplayName'" k-data-value-field="'Id'" k-value="'M'" ng-model="Model.Gender" />

，其中型號爲{}默認

來源

2014-09-10 Haris

它在劍道UI一個奇怪的問題。

我的解決方法：

不給在選擇列表中的kendo-drop-down-list標籤。而是通過JS功能讓它變成kendo。

HTML：

<select id="searchisActive" ng-model="ngsearchisActive" ng-change="applyFilter()"> 
       <option value="-1">All</option> 
       <option value="1">Active</option> 
       <option value="0">Inactive</option> 
      </select>

JS：

$(function() {   
    $("#searchisActive").kendoDropDownList(); 
});

來源

2014-11-12 08:06:03 Lakshay

對於動態數據源可以使用data-option-label，就像如下：

 <select name="packageName" id="packageName" 
     kendo-drop-down-list 
     k-options="dropDownListOptions" 
     k-ng-model="packageSelected" 
     ng-model="packageTypeId" 
     data-option-label="{value:'Select...',name:''}"/>

來源

2016-05-18 14:43:39

Angular Kendo Dropdownlist自動添加空白選項

回答

相關問題