AngularJS 使用范围变量设置 ng-controller

Question

我有一个模板（用于模式弹出窗口），根据它的功能，应该加载不同的控制器：

<div id="MsgBoxBack" ng-controller="{{notification.ctrl}}">

控制器：

app.controller('MainCtrl', ['$scope', function($scope){
    $scope.notification = {
        ctrl: 'logout', 
        //...
    };
}]);

app.controller('logout', ['$scope', function($scope){
    //...
}]);

当我尝试通过范围变量设置控制器名称时，我收到以下错误：

Error: [ng:areq] Argument 'notification.ctrl' is not a function, got string

那么我应该如何根据作用域变量设置控制器呢？

PLUNKER

我有一个关于使用范围变量设置 ng-click 函数的相关问题，这个例子与 here 相同。

更新

Girafa 给了我一个想法，让我以不同的方式解决这个问题。 我没有更改控制器，而是选择使用一个带有基于范围变量的 switch 语句的通用控制器：

<div id="MsgBoxBack" ng-controller="notification">

控制器：

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;
  }

}]);

UPDATED PLUNKER

这并没有解决最初的问题，但似乎是一个简单的解决方法。如果有人知道更好的方法，请告诉我，我很乐意更新问题或接受任何更好的答案。

Answer 1

尝试使用 ngRoute。有了它，您可以为您的根元素分配不同的控制器和模板，并通过更改您的位置在它们之间切换。