如何在多种模式下强制md-select表现得像
<select multiple required ... >
?
Here是小提琴,显示我的意思.在此示例中,如果未从select标记中选择至少1个选项,则我的浏览器不允许我提交表单.
我希望md-select的行为类似,但我不知道我该怎么做 – 既没有’required’属性也没有添加’ng-require’指令有帮助.
解决方法
您可以依靠Angular对此进行验证,而不是浏览器.这是我的分叉示例:
http://codepen.io/anon/pen/rVGLZV
特别:
<button type="submit" ng-disabled="myForm.$invalid">submit</button>
要保持提交按钮被禁用,直到表单有效,并且
<form novalidate name="myForm">
命名表单并告诉浏览器不要对其进行自己的验证.
您甚至可以为ng-invalid添加一些CSS类,以便在无效字段周围显示红色.
编辑:确保在< select multiple>上放置ng-model,否则所需的属性将不起作用.