Angular Kendo Dropdownlist 自动添加空白选项答案

【问题标题】：Angular Kendo Dropdownlist automatically adds blank optionAngular Kendo Dropdownlist 自动添加空白选项
【发布时间】：2014-09-10 13:22:04
【问题描述】：

我正在使用 angular kendo，并且 kendo 的下拉列表控件存在一个奇怪的问题，即与表单上的第一个下拉控件绑定的字段默认情况下包含 ? undefined:undefined ?。虽然生成的 html 在第一个选项中有 selected="selected"。当我在下拉列表中明确选择一个值时，模型会正确更新。

下拉列表中填充了根范围内的数组。

还注意到，如果我启用 chrome 的扩展 AngularJS Batarang，那么它也可以正常工作。

我对 angular-kendo 进行了调试，发现 kendo 会自动添加值为 ? 的空白选项未定义：未定义？。

<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" />

Model 默认为 {}

【问题讨论】：

标签： javascript jquery angularjs kendo-ui kendo-dropdown

【解决方案1】：

动态数据源可以使用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:''}"/>

【讨论】：

【解决方案2】：

这是剑道 UI 中的一个奇怪问题。

我的解决方法：

不要在选择列表中给出kendo-drop-down-list 标签。而是通过JS函数来做剑道。

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();
});

【讨论】：