我知道AngularJS会将一些代码运行两次，有时甚至更多，比如$watch events，不断检查模型状态等等。
然而我的代码:
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条记录插入到我的DB中。我显然还在学习，因为我已经用我的头撞它很多年了!
当前回答
在我的例子中，我发现使用相同控制器的两个视图。
$stateProvider.state('app', {
url: '',
views: {
"viewOne@app": {
controller: 'CtrlOne as CtrlOne',
templateUrl: 'main/one.tpl.html'
},
"viewTwo@app": {
controller: 'CtrlOne as CtrlOne',
templateUrl: 'main/two.tpl.html'
}
}
});
其他回答
我有同样的问题，在尝试了所有的答案后，我终于发现我在我的视图中有一个指令，绑定到相同的控制器。
APP.directive('MyDirective', function() {
return {
restrict: 'AE',
scope: {},
templateUrl: '../views/quiz.html',
controller: 'ShowClassController'
}
});
删除指令后，控制器停止被调用两次。现在我的问题是，如何使用这个绑定到控制器作用域的指令而不出现这个问题?
我在angular-route@1.6.7也有同样的问题，这是因为在regex路由的结尾额外的斜杠:
.when('/goods/publish/:classId/', option)
to
.when('/goods/publish/:classId', option)
而且工作正常。
我刚刚讲过这个问题，但这个问题与公认的答案不同。我真的要把这些留给未来的自己，包括我为解决这个问题所采取的步骤。
Remove redundant controller declarations Check trailing slashes in routes Check for ng-ifs Check for any unnecessary wrapping ng-view calls (I accidentally had left in an ng-view that was wrapping my actual ng-view. This resulted in three calls to my controllers.) If you are on Rails, you should remove the turbolinks gem from your application.js file. I wasted a whole day to discover that. Found answer here. Initializing the app twice with ng-app and with bootstrap. Combating AngularJS executing controller twice When using $compile on whole element in 'link'-function of directive that also has its own controller defined and uses callbacks of this controller in template via ng-click etc. Found answer here.
我发现我的被调用两次是因为我从我的html调用了两次方法。
`<form class="form-horizontal" name="x" ng-submit="findX() novalidate >
<input type="text"....>
<input type="text"....>
<input type="text"....>
<button type="submit" class="btn btn-sm btn-primary" ng-click="findX()"
</form>`
突出显示的部分导致两次调用findX()。希望它能帮助到别人。
应用路由器指定导航到MyController，如下所示:
$routeProvider.when('/',
{ templateUrl: 'pages/home.html',
controller: MyController });
但我在home。html中也有这个:
<div data-ng-controller="MyController">
这对控制器进行了两次消化。从HTML中删除data-ng-controller属性解决了这个问题。或者，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">
这也将导致运行控制器两次。
