ng-required 不在指令中工作

Question

我已经为表单中的双列表框创建了一个指令（类似于 Bootstrap Dual Listbox）。该指令由 2 个列表框组成；值（左）和选项（右）。我想让该指令与 angular 表单验证一起使用。如果值为空，则 form.$invalid 为真。

我尝试通过将自定义必需属性传递给指令来实现此目的。

我无法将 "required" 属性应用于指令中的第一个 select 框。

Example in jsfiddle

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

ng-required="dlRequired == true"

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

我哪里错了？

Answer 1

您正在多个 select 中使用必需的属性，如果设置了多个属性，似乎必需的属性将不起作用，除非您使用某些第 3 部分插件，例如 jquery.validate.js.

需要 html5 select 的文档：

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

多 select 与 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?

ng-required 不在指令中工作

ng-required not working in directive

javascript

angularjs

angularjs-directive