angularjs - 将表单传递给指令

Question

我想将表单字段封装在指令中，这样我就可以简单地执行以下操作:

<div ng-form='myForm'>
  <my-input name='Email' type='email' label='Email Address' placeholder="Enter email" ng-model='model.email' required='false'></my-input>

</div>

如何访问指令中的 myForm 以便进行验证检查，例如myForm.Email.$valid？

Answer 1

要在指令中访问 FormController:

require: '^form',

然后它将作为链接函数的第四个参数使用:

link: function(scope, element, attrs, formCtrl) {
    console.log(formCtrl);
}

fiddle

您可能只需要访问 NgModelController:

require: 'ngModel',
link: function(scope, element, attrs, ngModelCtrl) {
     console.log(ngModelCtrl);
}

fiddle

如果您需要访问两者:

require: ['^form','ngModel'],
link: function(scope, element, attrs, ctrls) {
    console.log(ctrls);
}

fiddle