动态更改控制器

Question

我在我的主角应用程序中有3个控制器和2个div。让我们说左边和右边的div和控制器A，B和C.在开始时，我用控制器A设置左边的div，用控制器B设置右边的div。我想添加一个按钮来改变左边的div来使用控制器C并运行它。这可能吗？我坚持了三天。我认为这是一个简单的问题，因为这只是改变控制器并重新运行新控制器的问题。

Answer 1

我建议你去尝试AngularUI路由器：https://github.com/angular-ui/ui-router

你的情况，你可以有两种状态，它都具有相同的模板，但不同的控制器。

例子：

myApp.config(function($stateProvider) { 
    $stateProvider 
    .state('route1', { 
     url: "/route1", 
     views: { 
     "viewA": { 
      templateUrl: "templates/a.html", 
      controller: "AController" 
     }, 
     "viewB": { 
      templateUrl: "templates/b.html", 
      controller: "BController" 
     } 
     } 
    }) 
    .state('route2', { 
     url: "/route2", 
       views: { 
     "viewA": { 
      templateUrl: "templates/a.html", 
      controller: "CController" 
     }, 
     "viewB": { 
      templateUrl: "templates/b.html", 
      controller: "BController" 
     } 
     } 
    }) 
});