angularjs – UI-Router – 状态变化时范围没有被破坏？

我已经从UI-Router的网站修改了这个例子来说明情况(参见下面的plunker).每次触发state route1.list / route2.list时,它们都会在$rootScope上发出一个事件.收到事件后,将在控制台上打印调试语句.

通过在两个状态之间切换几次,观察到先前初始化的所有控制器都响应该事件.所以看来它们创建的范围从未被破坏过.这种行为有望吗？如果是这样,我该怎么办才能让只有主动控制器响应一个事件呢？

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',templateUrl: "route2.list.html",$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","Things"];
        }
    })
 ...