javascript - Angular Kendo Dropdownlist 自动添加空白选项

Question

我正在使用 Angular kendo，并且 kendo 的 dropdownlist 控件有一个奇怪的问题，即与表单上的第一个下拉控件绑定(bind)的字段默认有 ？未定义:未定义？ 在其中。虽然生成的 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" />

其中模型默认为 {}

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