Dynamic NG-Controller Name

by

What you want to do is have another directive run before anything else is called, get the controller name from some model remove the new directive and add the ng-controller directive, then re-compile the element.

That looks like this:

global.directive('dynamicCtrl', ['$compile', '$parse',function($compile, $parse) {
  return {
    restrict: 'A',
    terminal: true,
    priority: 100000,
    link: function(scope, elem) {
      var name = $parse(elem.attr('dynamic-ctrl'))(scope);
      elem.removeAttr('dynamic-ctrl');
      elem.attr('ng-controller', name);
      $compile(elem)(scope);
    }
  };
}]);

Then you could use it in your template, like so:

<div dynamic-ctrl="'blankCtrl'">{{tyler}}</div>

with a controller like this:

global.controller('blankCtrl',['$scope',function(tyler){
    tyler.tyler="tyler";
    tyler.tyler="chameleon";
}]);

There’s probably a way of interpolating the value ($interpolate) of the dynamic-ctrl instead of parsing it ($parse), but I couldn’t get it to work for some reason.

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. How to require a controller in an angularjs directive
  7. AngularJS communication between directives
  8. How to make a directive update ng-model on jquery on event?
  9. AngularJS – Image “onload” event
  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. Can an angular directive pass arguments to functions in expressions specified in the directive’s attributes?
  17. $watch’ing for data changes in an Angular directive
  18. Detect unsaved changes and alert user using angularjs
  19. angular directive ignore non-numeric input
  20. How can I listen for a click-and-hold in AngularJS?
  21. Extending AngularJs Directive
  22. ng-selected not working in select element
  23. Stating directive templateUrl relative to root
  24. Confirmation dialog on ng-click – AngularJS
  25. How to Unit Test Isolated Scope Directive in AngularJS
  26. Directive is being rendered before promise is resolved
  27. Add ng-click dynamically in directive link function
  28. How to create a custom input type?
  29. Sort or Rearrange Rows of a table in angularjs (drag and drop)
  30. How to Create simple drag and Drop in angularjs

Leave a Comment