两次对抗AngularJS执行控制器

Question

两次对抗AngularJS执行控制器

我理解AngularJS会运行一些代码两次，有时甚至更多，比如$watch事件，不断检查模型状态等。

不过我的代码：

function MyController($scope, User, local) {

var $scope.User = local.get(); // Get locally save user data

User.get({ id: $scope.User._id.$oid }, function(user) {

  $scope.User = new User(user);

  local.save($scope.User);

});

//...

执行两次，将2条记录插入我的数据库。我显然还在学习，因为我多年来一直在抨击这个！

Answer 1

应用程序路由器指定导航MyController如下：$routeProvider.when('/', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;templateUrl:&nbsp;'pages/home.html', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;controller:&nbsp;MyController&nbsp;});但我也有这个home.html：<div&nbsp;data-ng-controller="MyController">这消化了控制器两次。data-ng-controller从HTML中删除属性解决了问题。或者，该controller:属性可能已从路由指令中删除。使用选项卡式导航时也会出现此问题。例如，app.js可能包含：&nbsp;&nbsp;.state('tab.reports',&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;url:&nbsp;'/reports', &nbsp;&nbsp;&nbsp;&nbsp;views:&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'tab-reports':&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;templateUrl:&nbsp;'templates/tab-reports.html', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;controller:&nbsp;'ReportsCtrl' &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;})相应的报告选项卡HTML可能类似于：<ion-view&nbsp;view-title="Reports"> &nbsp;&nbsp;<ion-content&nbsp;ng-controller="ReportsCtrl">这也将导致控制器运行两次。

Answer 2

我刚刚完成了这个，但问题与接受的答案不同。我真的把这个留给了我未来的自我，包括我修复它的步骤。删除冗余控制器声明检查路由中的尾部斜杠检查&nbsp;ng-ifs检查是否有任何不必要的包装ng-view调用（我意外地留下了包含ng-view我的实际内容ng-view。这导致三次调用我的控制器。）如果您使用的是Rails，则应turbolinks从application.js文件中删除gem&nbsp;。我浪费了一整天才发现这一点。在这里找到答案。使用ng-app和bootstrap初始化应用程序两次。两次对抗AngularJS执行控制器当在指令的'link'-function中使用$ compile时，整个元素也有自己的控制器定义，并通过ng-click等在模板中使用该控制器的回调。在这里找到答案。