I have a template (for a modal popup) and depending on its function, different controllers should be loaded:
<div id="MsgBoxBack" ng-controller="{{notification.ctrl}}">
Controllers:
app.controller('MainCtrl', ['$scope', function($scope){
$scope.notification = {
ctrl: 'logout',
//...
};
}]);
app.controller('logout', ['$scope', function($scope){
//...
}]);
When I try to set the controller name through a scope variable, I get the following error:
Error: [ng:areq] Argument 'notification.ctrl' is not a function, got string
So how should I set a controller based on a scope variable?
I have a related question about setting ng-click functions with scope variables with this very same example here.
UPDATE
Girafa gave me an idea to approach this problem differently. Instead of changing controllers, I chose to use one common controller with a switch statement based on a scope variable:
<div id="MsgBoxBack" ng-controller="notification">
Controllers:
app.controller('MainCtrl', ['$scope', function($scope){
$scope.notification = {
ctrl: 'logout',
//...
};
}]);
app.controller('notification', ['$scope', function($scope){
switch($scope.notification.ctrl) {
case 'logout':
console.log('logout');
//...
break;
}
}]);
This is not solving the original question, but appears to be a simple workaround. If anyone knows of a better way doing it, just let me know, I'll be happy to update the question or accept any better answers.
