UI-Router - スコープが状態変化で破棄されませんか？

Question

私はAngularJSとui-routerの新しいユーザーです。スコープの管理方法について頭を下げようとしています。私はアクティブコントローラのスコープが状態変化時に無効になったときに破壊されると予想していましたが、そうではありません。

私は状況を説明するためにUI-Routerのウェブサイトからこの例を変更しました（下記の参照）。状態route1.list/route2.listがトリガされるたびに、$ rootScopeでイベントを送出します。イベントを受け取ると、debugステートメントがコンソールに出力されます。

2つの状態を数回切り替えると、以前に初期化されたすべてのコントローラがイベントに応答したことがわかります。だから彼らによって作られたスコープは決して破壊されていないようです。この動作は期待されていますか？もしそうなら、アクティブなコントローラーだけがイベントに応答するように私は何をすべきですか？コンソール上に印刷

Plunker

デバッグメッセージ：

コード：ここで

var myapp = angular.module('myapp', ["ui.router"]) 
myapp.config(function($stateProvider, $urlRouterProvider){ 

// For any unmatched url, send to /route1 
$urlRouterProvider.otherwise("/route1") 

がroute1の

$stateProvider 
    .state('route1', { 
     url: "/route1", 
     templateUrl: "route1.html" 
    }) 
    .state('route1.list', { 
     url: "/list", 
     templateUrl: "route1.list.html", 
     controller: function($rootScope, $scope){ 
      $rootScope.$emit("eventCT1"); 
      $rootScope.$on("eventCT2", fn); 
      function fn() { 
      console.log("Controller 1 receives an event emitted by Controller 2"); 
      } 
      $scope.items = ["A", "List", "Of", "Items"]; 
     } 
    }) 

であり、ここで、経路2

あります

.state('route2', { 
     url: "/route2", 
     templateUrl: "route2.html" 
    }) 
    .state('route2.list', { 
     url: "/list", 
     templateUrl: "route2.list.html", 
     controller: function($rootScope, $scope){ 
      $rootScope.$emit("eventCT2"); 
      $rootScope.$on("eventCT1", fn); 
      function fn() { 
      console.log("Controller 2 receives an event emitted by Controller 1"); 
      } 
      $scope.things = ["A", "Set", "Of", "Things"]; 
     } 
    }) 
... 

Answer 1

我々は、）を非常に限られた寿命を持つコントローラ（の内部

1）$rootScopeで何かをしたい場合は、我々はそれを破壊しなければならない

2）、コントローラ（実際にはその$scope）が破壊されています

これは、フックとアンフックの方法です。

// get remove function 
var removeMe = $rootScope.$on("eventCT2", ...); 

// call that function 
$scope.$on("$destroy", removeMe) 

しかし、上記の場合には、私たちも...

1）一つの状態のためのいくつかのコントローラのアクションを作成する

2を試してみてください）、それは他に呼び出されます期待すべきではありません別の状態からコントローラ

あなたは角度でイオンを使用している場合、これらは一緒に

Answer 2

を生きることはありません、あなたはそうのようなlife cycle eventsを使用することができます：

$scope.$on("$ionicView.beforeEnter", function(){ 
    //Do something every time this controller is the active scope. 
}) 

上記のリンクで提供されている他のイベントでも遊ぶことができます。 $emitの使用を最小限に抑えることがベストプラクティスであり、より予測可能なコードとより少ない状態の変異につながります。