Angularjs 控制器在ui路由器嵌套状态下执行两次（离子型）问题_Angularjs_Ionic Framework_Angular Ui Router

Angularjs 控制器在ui路由器嵌套状态下执行两次（离子型）问题

angularjs ionic-framework

Angularjs 控制器在ui路由器嵌套状态下执行两次（离子型）问题,angularjs,ionic-framework,angular-ui-router,Angularjs,Ionic Framework,Angular Ui Router,My Ionic应用程序允许您从侧边菜单中选择一个项目，然后在主内容区域中显示两个选项卡（任务、消息）。任务和消息选项卡是项目的嵌套状态在侧菜单中更改项目时，任务列表Ctrl将执行两次。在项目之间更改时，请查看并观看控制台。我也有一份详细的报告如何停止执行两次TaskListCtrl？有没有更好的方法来构造这些嵌套状态代码完整代码已打开这是我的$stateProvider配置： .state('project', { url: "/projects/:projectID", a

My Ionic应用程序允许您从侧边菜单中选择一个项目，然后在主内容区域中显示两个选项卡（任务、消息）。任务和消息选项卡是项目的嵌套状态

在侧菜单中更改项目时，任务列表Ctrl
将执行两次。在项目之间更改时，请查看并观看控制台。我也有一份详细的报告

如何停止执行两次

TaskListCtrl

？有没有更好的方法来构造这些嵌套状态

代码完整代码已打开

这是我的

$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', function($scope, $stateParams) {
  $scope.tasks = $scope.project.tasks;

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

资源

（在项目之间更改时查看控制台日志）

笔记

我知道在StackOverflow上也有类似的问题——但是，他们提供的任何解决方案都不能解决我的问题*
我已经了解到，在
```
$stateProvider
```
和
```
ng controller
```
中连接控制器时可能会发生这种情况-但是，我已经检查过，并且我没有这样做。我只使用
```
$stateProvider
```
连接控制器

controllerAs

ionic.bundle.js

project.tabs.html

<ion-view view-title="{{ project.name }}: Tasks">

<ion-tabs class="tabs-icon-top tabs-positive">

  <ion-tab title="{{ project.name }} Tasks" icon="ion-home">

    <ion-nav-view>
      <ion-content>
        <ion-list>
          <ion-item class="item-icon-right" ng-repeat='task in project.tasks'>
            {{ task.title }}
            <i class="icon ion-chevron-right icon-accessory"></i>
          </ion-item>
        </ion-list>
      </ion-content>
    </ion-nav-view>

  </ion-tab>

  <ion-tab title="About" icon="ion-ios-football" ui-sref="tabs.tab2">
    <ion-nav-view name="tabs-tab2"></ion-nav-view>
  </ion-tab>

  <ion-tab title="Another" icon="ion-help-buoy" ui-sref="tabs.tab3">
    <ion-nav-view name="tabs-tab3"></ion-nav-view>
  </ion-tab>

</ion-tabs>

</ion-view>


{{task.title}}