就像在
this question中一样,我希望在范围时在表单字段的父.control-group上添加.error.$invalid为true.
但是,在ng-class =“{error:formName.fieldModel.$invalid}”中对表单名称进行硬编码意味着我不能以不同的形式重用它,而且我不想在任何地方重复这个声明.
我认为看起来像这样的指令可以工作:
<div class="control-group" error-on="model1,model2"> <input ng-model="model1"> <input ng-model="model2"> </div>
因此,当model1或model2无效时,.control-group会添加.error.
My attempt here.鉴于型号名称,是否可以从指令访问模型?
如果有更好的方法,我也很乐意听.
我不认为编写自定义指令对于这个用例是必要的,因为
原文链接:https://www.f2er.com/angularjs/142029.htmlng-form
directive是为那些情况创建的.从指令的文档:
It is useful to nest forms,for example if the validity of a sub-group
of controls needs to be determined.
以你的代码为例,我会写:
<div class="control-group" ng-class="{ error: myControlGroup1.$invalid }> <ng-form name="myControlGroup1"> <input ng-model="model1"> <input ng-model="model2"> </ng-form> </div>
通过使用此技术,您不需要重复ng-model中使用的表达式,并且可以在任何形式内重用此片段.