Pass form to directive

by

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

More Related Contents:

  1. angular ng-bind-html and directive within it
  2. How to call a method defined in an AngularJS directive?
  3. How to use a keypress event in AngularJS?
  4. Angular directives – when and how to use compile, controller, pre-link and post-link [closed]
  5. Angularjs dynamic ng-pattern validation
  6. Using angularjs filter in input element
  7. if a ngSrc path resolves to a 404, is there a way to fallback to a default?
  8. How to autocapitalize the first character in an input field in AngularJS?
  9. How to understand the `terminal` of directive?
  10. Custom form validation directive to compare two fields
  11. AngularJS : ng-repeat filter when value is greater than
  12. AngularJS Group By Directive without External Dependencies
  13. How to modify scope from within a directive in AngularJs
  14. Binding variables from Service/Factory to Controllers
  15. How to use “ng-repeat” within template of a directive in Angular JS?
  16. AngularJS custom form component / directive using ng-model
  17. How can you limit the value from input using AngularJS?
  18. How to set the dynamic controller for directives?
  19. Bind class toggle to window scroll event
  20. Angular adds strange options into select element when setting model value
  21. Enable/Disable Anchor Tags using AngularJS
  22. What is `priority` of ng-repeat directive can you change it?
  23. Illegal use of ngTransclude directive in the template
  24. What is ng-transclude?
  25. How to use `replace` of directive definition?
  26. How to detect browser using angularjs?
  27. AngularJS. Convert tag value (Unix time to human-readable time)
  28. How to implement an ng-change for a custom directive
  29. When to use double braces {{}} in angularJS
  30. how do I get ng-include directive to work with a Content Delivery Network?

Leave a Comment