Angular Kendo Dropdownlist自动添加空白选项

Question

我正在使用角度剑道，并且在剑道的dropdownlist控件中有一个奇怪的问题，即与表单上的第一个下拉列表控件绑定的字段在默认情况下具有? undefined:undefined ?。尽管所生成的html在第一选项中具有selected="selected"。当我在dropdown中显式选择一个值时，模型将正确更新。

下拉列表由根作用域中的数组填充。

我还注意到，如果我启用了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为{}

Answer 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:''}"/>

Answer 2

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