md-select - 如何强制要求？

Question

如何强制md-select在多种模式下表现得像

<select multiple required ... >

？

这是小提琴,以显示我的意思.在此示例中,如果未从select标记中选择至少1个选项,则我的浏览器不允许我提交表单.

我希望md-select的行为类似,但我不知道我该怎么做 - 既没有'required'属性也没有添加'ng-require'指令有帮助.

Answer 1

您可以依靠Angular而不是浏览器来对此进行验证。这是我的分叉示例：

http://codepen.io/anon/pen/rVGLZV

特别：

<button type="submit" ng-disabled="myForm.$invalid">submit</button>

要使提交按钮保持禁用状态，直到表单有效为止，

<form novalidate name="myForm">

命名表单并告诉浏览器不要对其进行验证。

您甚至可以为ng-invalid添加一些CSS类，以在无效字段周围显示红色。

编辑：确保将放在ng-model上<select multiple>，否则必填属性将无法正常工作。