Javascript ng要求不在指令中工作

Javascript ng要求不在指令中工作,javascript,angularjs,angularjs-directive,Javascript,Angularjs,Angularjs Directive,我已经为表单中的双列表框创建了一个指令(类似于)。该指令由2个列表框组成;值(左)和选项(右)。我想让指令与角度形式验证一起工作。如果值为空,则form.$invalid为真 我尝试通过向指令传递一个自定义的必需属性来实现这一点 我无法将“required”属性应用于指令中的第一个选择框 在指令模板中,以下表达式根本不起作用: ng-required="dlRequired == true" 在本例中,只有文本框有效时,“保存”按钮才启用 我哪里出错了?您在多重选择中使用了required属

我已经为表单中的双列表框创建了一个指令(类似于)。该指令由2个列表框组成;值(左)和选项(右)。我想让指令与角度形式验证一起工作。如果值为空,则form.$invalid为真

我尝试通过向指令传递一个自定义的必需属性来实现这一点

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

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

ng-required="dlRequired == true"
在本例中,只有文本框有效时,“保存”按钮才启用


我哪里出错了?

您在多重选择中使用了required属性,如果设置了多重属性,则required似乎不起作用,除非您使用一些第三方插件,如jquery.validate.js

html5文档选择必填项:

使用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>
GEEWORD EdCo GeeCorp MacFarlane Inc.联盟阳光谷拖车停放试验

希望有帮助

一些参考:


能否请您详细说明您试图达到的效果?在本例中,我想列出提交表单所需的“双重列表”。在第一个列表框中包含项目的意义上是必需的。它能够提交表单,只有您在文本输入框中添加了必需属性,所以在您在其中键入内容之前,您不会看到“保存”按钮处于活动状态……这是您要找的吗?该指令由2个列表框组成;值(左)和选项(右)。我希望这样做,以便项目价值清单是必须提交的形式。在您的示例中,两个控件都为空时提交按钮似乎处于活动状态?