Pass form to directive
angularjs, angularjs-directive
Solution
To access the FormController in a directive:
require: '^form',
Then it will be available as the 4th argument to your link function:
link: function(scope, element, attrs, formCtrl) {
console.log(formCtrl);
}
fiddle
You may only need access to the NgModelController though:
require: 'ngModel',
link: function(scope, element, attrs, ngModelCtrl) {
console.log(ngModelCtrl);
}
fiddle
If you need access to both:
require: ['^form','ngModel'],
link: function(scope, element, attrs, ctrls) {
console.log(ctrls);
}
fiddle
Problem
I want to encapsulate my form fields in a directive so I can simply do this: ``` <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> ``` How do I access the `myForm` in my directive so I can do validation checks, e.g. `myForm.Email.$valid`?