md-select - 如何强制要求？

Question

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

<select multiple required ... >

Here是小提琴，表明我的意思。在此示例中，如果未从select标记中选择至少一个选项，我的浏览器不允许我提交表单。

我希望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>，否则所需的属性将无效。

Answer 2

如果您不想要禁用提交按钮，而是在按下提交按钮时触发错误，则可以将$ touching属性设置为true以触发所需的提醒

font-awesome-class