ng-required不在指令中工作

Question

我已经在表单中创建了一个双列表框的指令（类似于Bootstrap Dual Listbox）。该指令由2个列表框组成;值（左）和选项（右）。我想使指令与角形式验证一起工作。如果值为空，则表示。$ invalid为true。

我尝试过将自定义必需属性传递给指令。

我无法将“required”属性应用于指令中的第一个选择框。

Example in jsfiddle

在指令模板中，以下表达式根本不起作用：

ng-required="dlRequired == true"

在示例中，只有文本框有效时才会启用保存按钮。

我哪里错了？

Answer 1

您在多重选择中使用了必需属性，如果设置了多个属性，似乎无法工作，除非您使用某些第三方插件，如jquery.validate.js。

doc for html5 select required：

http://dev.w3.org/html5/spec-author-view/the-select-element.html#the-select-element

使用jquery.validate.js进行多选的示例：

<select name="msopt_name" class="form-control valid" multiple="multiple" data-msg-required="The input field is required." data-rule-required="true"><option value="1" selected="">GeeWorld</option> <option value="2" selected="">EdCo</option> <option value="3">GeeCorp</option> <option value="4">MacFarlane Inc</option> <option value="5">The Alliance</option> <option value="6">Sunny Vale Trailer Park</option> <option value="23">Test</option> <option value="24">Test</option> <option value="25">Test</option></select>

http://plnkr.co/edit/80lAX7uQN3Y87JvtjZ3N?p=preview

希望它有所帮助！

一些参考：

Can I apply the required attribute to <select> fields in HTML5?