angularjs – 控制器使用ui-router嵌套状态(Ionic)执行两次

我的Ionic应用程序允许您从侧面菜单中选择一个项目,然后在主要内容区域中显示两个选项卡(任务,消息).任务和消息选项卡是项目的嵌套状态.

当您在侧面菜单中更改项目时,TaskListCtrl将执行两次.在项目之间切换时,请参阅live demo并观察控制台.我还有一个video,详细说明了这个问题.

如何停止TaskListCtrl执行两次？有没有更好的方法来构建这些嵌套状态？

码

完整代码于GitHub ?

这是我的$stateProvider配置：

.state('project',{
  url: "/projects/:projectID",abstract: true,cache: false,controller: 'ProjectDetailCtrl',templateUrl: "templates/project.tabs.html",resolve: {
    project: function($stateParams,Projects) {
      return Projects.get($stateParams.projectID);
    }
  }
})

.state('project.tasks',{
  url: '/tasks',views: {
    'tasks-tab': {
      templateUrl: 'templates/task.list.html',controller: 'TaskListCtrl'
    }
  }
})

来自controllers.js的相关代码片段：

.controller('ProjectDetailCtrl',function($scope,project) {
  $scope.project = project;
  console.log('=> ProjectDetailCtrl (' + $scope.project.name + ')')
})

.controller('TaskListCtrl',$stateParams) {
  $scope.tasks = $scope.project.tasks;

  console.log('t=> TaskListCtrl')
  console.log('tt=> $stateParams: ',$stateParams)
  console.log('tt=> $scope.tasks[0].title: ',$scope.tasks[0].title)
})

资源

> Live demo(在项目之间切换时观察控制台日志)
> Video showing the issue
> Code on GitHub

笔记

>我知道StackOverflow上有类似的问题 – 但是,他们提供的解决方案都没有解决我的问题.*
>我已经读过,当在$stateProvider和ng-controller中连接控制器时会发生这种情况 – 但是,我已经检查过,我不是这样做的.我只用$stateProvider附加控制器.