对抗AngularJS执行控制器两次

我知道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中。我显然还在学习，因为我已经用我的头撞它很多年了!

当前回答

对于那些使用ControllerAs语法的人，只需在$routeprovider中声明控制器标签，如下所示:

$routeprovider
        .when('/link', {
            templateUrl: 'templateUrl',
            controller: 'UploadsController as ctrl'
        })

$routeprovider
        .when('/link', {
            templateUrl: 'templateUrl',
            controller: 'UploadsController'
            controllerAs: 'ctrl'
        })

在声明了$routeprovider之后，不要像视图中那样提供控制器。相反，在视图中使用标签。

2018-08-26 06:24:51

其他回答

特此补充，以供参考:

在同样运行在页面上的指令中引用控制器也可能导致双控制器代码执行。

e.g.

return {

            restrict: 'A',
            controller: 'myController',
            link: function ($scope) { ....

当你也有ng-controller="myController"在你的HTML

2014-10-28 18:19:21

我有同样的问题，在尝试了所有的答案后，我终于发现我在我的视图中有一个指令，绑定到相同的控制器。

APP.directive('MyDirective', function() {
  return {
    restrict: 'AE',
    scope: {},
    templateUrl: '../views/quiz.html',
    controller: 'ShowClassController'
}
});

删除指令后，控制器停止被调用两次。现在我的问题是，如何使用这个绑定到控制器作用域的指令而不出现这个问题?

2016-06-28 12:01:35

在这里加上我的案例:

我使用angular-ui-router和$state。Go ('new_state'， {foo: "foo@bar"})

一旦我将encodeURIComponent添加到参数中，问题就解决了:$state。go('new_state'， {foo: encodeURIComponent("foo@bar")})。

发生了什么事? 参数值中的“@”字符不允许出现在url中。因此，angular-ui-router创建了我的控制器两次:在第一次创建时，它传递了原始的“foo@bar”，在第二次创建时，它将传递编码版本“foo%40bar”。一旦我像上面那样显式地对参数进行编码，问题就解决了。

2020-05-17 12:52:15

在某些情况下，当你没有像这样纠正close you指令时，你的指令会运行两次:

< my-directive >一些内容< my-directive >

这将运行你的指令两次。还有另一种情况，当你的指令运行两次:

确保你没有在index.html中包含你的指令两次!

2014-11-18 10:54:00