angularjs – 将表单传递给指令

前端之家收集整理的这篇文章主要介绍了angularjs – 将表单传递给指令前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想把我的表单字段封装在指令,所以我可以简单地这样做:
<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?

在指令中访问FormController:
require: '^form',

然后它将作为您的链接功能的第4个参数可用:

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

fiddle

您可能只需要访问NgModelController:

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

fiddle

如果您需要访问以下两者:

require: ['^form','ngModel'],ctrls) {
    console.log(ctrls);
}

fiddle

猜你在找的Angularjs相关文章