Extending AngularJs Directive

by

Probably the simplest way to solve this is to create a directive on your app with the same name as the third party directive. Both directives will run and you can specify their run order using the priority property (higher priority runs first).

The two directives will share scope and you can access and modify the scope of the third party directive via your directive’s link method.

Option 2: You can also access a third party directive’s scope by simply putting your own arbitrarily named directive on the same element with it (assuming neither directive uses isolate scope). All non-isolate scope directives on an element will share scope.

Further Reading: https://github.com/angular/angular.js/wiki/Dev-Guide%3A-Understanding-Directives

Note: My previous answer was for modifying a third party service, not a directive.

More Related Contents:

  1. Controller not a function, got undefined, while defining controllers globally
  2. Add directives from directive in AngularJS
  3. How to set an iframe src attribute from a variable in AngularJS
  4. Why is `replace` property deprecated in AngularJS directives? [duplicate]
  5. How to set bootstrap navbar active class with Angular JS?
  6. AngularJS communication between directives
  7. How to make a directive update ng-model on jquery on event?
  8. AngularJS – Image “onload” event
  9. Dynamic NG-Controller Name
  10. Removing # from url in Angularjs while having .run in routes
  11. What’s the difference/incompatibility between ng-model and ng-value?
  12. Angular JS: What is the need of the directive’s link function when we already had directive’s controller with scope?
  13. Showing alert in angularjs when user leaves a page
  14. Resetting form after submit in Angularjs
  15. Dynamic form name attribute in Angularjs
  16. $watch’ing for data changes in an Angular directive
  17. Detect unsaved changes and alert user using angularjs
  18. How can I listen for a click-and-hold in AngularJS?
  19. Using jqgrid with popover from angular ui bootstrap
  20. ng-selected not working in select element
  21. Stating directive templateUrl relative to root
  22. Confirmation dialog on ng-click – AngularJS
  23. Hide Angular UI Bootstrap popover when clicking outside of it
  24. How to Unit Test Isolated Scope Directive in AngularJS
  25. Directive is being rendered before promise is resolved
  26. Add ng-click dynamically in directive link function
  27. How to create a custom input type?
  28. Sort or Rearrange Rows of a table in angularjs (drag and drop)
  29. How to usemultiple Angular UI Bootstrap Datepicker in single form?
  30. How to Create simple drag and Drop in angularjs

Leave a Comment