angularjs – 将表单传递给指令

发布时间：2020-12-17 09:05:02 所属栏目：安全来源：网络整理

导读：我想把我的表单字段封装在指令，所以我可以简单地这样做： 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

我想把我的表单字段封装在指令，所以我可以简单地这样做：

<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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!