自定义ng-options为下拉列表创建的空白选项的任何方法



所以信不信由你,我希望并且很高兴在下拉列表中创建一个空白选项,但我想做更多的事情。

我想告诉 angular 在创建空白选项时使用我选择的字符串。 例如,我希望它说"-select-",而不是它创建的空白选项中的空字符串。 问题是我喜欢一旦做出选择就无法使用空白选项的方式。 虽然将一个看起来像我想要的绑定对象添加到我绑定的数组中并不是什么大问题,但这开始需要额外的代码来模仿 ng-options 已经给我们的行为。 这没什么大不了的,但是当必须为许多下拉菜单完成时,它会变得艰巨和令人沮丧。

有谁知道是否有办法告诉ng-options当与ng模型值不匹配时要显示什么? 如果有就好了。

我找到了足够满足我需求的方法。

<select ng-options="lang.Name for lang in Languages"
        required>
    <option value="">Select Language</option>
 </select>

如果与"语言"中的项目不匹配,则 Ng-options 将使用选择中的值。 唯一行为不同(许多人更喜欢)的是空白选项始终存在。 但是,角度所需的验证可以很好地处理它,而无需任何额外的工作。 所以这对我的目的有用。

最新更新