具有ng-required的Angular select default选项

时间:2016-07-26 14:13:18

标签: javascript angularjs

我有以下代码:

<select id="document" ng-model="document.Id" ng-options="option.Id as option.Name for option in documents" ng-required="IsDocumentRequired">
    <option value="">Please Select Document</option>
</select>

问题是我不想要这个默认值(&#34;请选择Document&#34;),以便在设置为true时满足ng-required标志。

总之,我希望强制用户选择默认选项以外的选项。

由于

3 个答案:

答案 0 :(得分:2)

当您的值为""时,它不满足ng-required的选择,只有当select选项不等于空时才选择所需的字段验证通过,它是这样设计的

请参阅plunker演示,https://plnkr.co/edit/tfeXhHY3h98ItX322JVS?p=preview

答案 1 :(得分:0)

不要使用

<option value="">Please Select Document</option>

因此它不会显示它,用户应该从列表中选择一个项目

答案 2 :(得分:0)

您可以测试所选的值(在您的情况下,我建议您将&#34; -1和#34;作为&#34的值;请选择文档&#34;)。

如果用户未选择其他值,请将其视为错误。

或在How do I make a placeholder for a 'select' box?

中查看回复