動態更改控制器

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