Angular.js directive dynamic templateURL

by 
emanuel.directive('hymn', function() {
   return {
       restrict: 'E',
       link: function(scope, element, attrs) {
           // some ode
       },
       templateUrl: function(elem,attrs) {
           return attrs.templateUrl || 'some/path/default.html'
       }
   }
});

So you can provide templateUrl via markup 

<hymn template-url="contentUrl"><hymn>

Now you just take a care that property contentUrl populates with dynamically generated path.

More Related Contents:

  1. Is this a “Deferred Antipattern”?
  2. How to set focus on input field?
  3. When to favor ng-if vs. ng-show/ng-hide?
  4. AngularJS 1.5+ Components do not support Watchers, what is the work around?
  5. How to call a method defined in an AngularJS directive?
  6. How to use a keypress event in AngularJS?
  7. Link vs compile vs controller
  8. What is the best way to conditionally apply attributes in AngularJS?
  9. Unit Testing AngularJS directive with templateUrl
  10. What is the difference between ng-app and data-ng-app?
  11. Angularjs loading screen on ajax request
  12. Angular: calling controller function inside a directive link function using &
  13. Directive isolate scope with ng-repeat scope in AngularJS
  14. AngularJS: ng-repeat list is not updated when a model element is spliced from the model array
  15. calling method of parent controller from a directive in AngularJS
  16. Enable angular-ui tooltip on custom events
  17. Accessing attributes from an AngularJS directive
  18. angular directive encapsulating a delay for ng-change
  19. Call a method of a controller from another controller using ‘scope’ in AngularJS
  20. AngularJS leaves comments in HTML: is it possible to remove them?
  21. Can you change templateUrl on the fly?
  22. AngularJS: ngInclude vs directive
  23. Pass form to directive
  24. What is `priority` of ng-repeat directive can you change it?
  25. How to use `replace` of directive definition?
  26. How to implement an ng-change for a custom directive
  27. How to create a directive with a dynamic template in AngularJS?
  28. Access Parent Scope in Transcluded Directive
  29. how do I get ng-include directive to work with a Content Delivery Network?
  30. AngularJS – Directives vs Controllers

Leave a Comment