两次对抗AngularJS执行控制器

Question

两次对抗AngularJS执行控制器我理解AngularJS会运行一些代码两次，有时甚至更多，比如$watch事件，不断检查模型状态等。不过我的代码：function MyController($scope, User, local) {var $scope.User = local.get(); // Get locally save user dataUser.get({ id: $scope.User._id.$oid }, function(user) {  $scope.User = new User(user);  local.save($scope.User);});//...执行两次，将2条记录插入我的数据库。我显然还在学习，因为我多年来一直在抨击这个！

Answer 1

应用程序路由器指定导航MyController如下：

$routeProvider.when('/',
                   { templateUrl: 'pages/home.html',
                     controller: MyController });

但我也有这个home.html：

<div data-ng-controller="MyController">

这消化了控制器两次。data-ng-controller从HTML中删除属性解决了问题。或者，该controller:属性可能已从路由指令中删除。

使用选项卡式导航时也会出现此问题。例如，app.js可能包含：

  .state('tab.reports', {
    url: '/reports',
    views: {
      'tab-reports': {
        templateUrl: 'templates/tab-reports.html',
        controller: 'ReportsCtrl'
      }
    }
  })

相应的报告选项卡HTML可能类似于：

<ion-view view-title="Reports">
  <ion-content ng-controller="ReportsCtrl">

这也将导致控制器运行两次。

Answer 2

我刚刚完成了这个，但问题与接受的答案不同。我真的把这个留给了我未来的自我，包括我修复它的步骤。

1. 删除冗余控制器声明

2. 检查路由中的尾部斜杠

3. 检查 ng-ifs

4. 检查是否有任何不必要的包装ng-view调用（我意外地留下了包含ng-view我的实际内容ng-view。这导致三次调用我的控制器。）

5. 如果您使用的是Rails，则应turbolinks从application.js文件中删除gem 。我浪费了一整天才发现这一点。在这里找到答案。

6. 使用ng-app和bootstrap初始化应用程序两次。两次对抗AngularJS执行控制器

7. 当在指令的'link'-function中使用$ compile时，整个元素也有自己的控制器定义，并通过ng-click等在模板中使用该控制器的回调。在这里找到答案。