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

当前回答

应用路由器指定导航到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">

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

2013-03-20 22:08:26

其他回答

The problem I am encountering might be tangential, but since googling brought me to this question, this might be appropriate. The problem rears its ugly head for me when using UI Router, but only when I attempt to refresh the page with the browser refresh button. The app uses UI Router with a parent abstract state, and then child states off the parent. On the app run() function, there is a $state.go('...child-state...') command. The parent state uses a resolve, and at first I thought perhaps a child controller is executing twice.

在URL附加散列之前一切正常。 www.someoldwebaddress.org

一旦url被uirouter修改了， www.someoldwebaddress.org / childstate

.．.然后当我用浏览器刷新按钮刷新页面时，$stateChangeStart会触发两次，每次都指向childstate。

父状态的解析是触发两次的东西。

也许这只是一种拼凑;无论如何，这似乎为我消除了问题:在第一次调用$stateProvider的代码区域，首先检查window.location.hash是否为空字符串。如果是，一切都好;如果不是，则将window.location.hash设置为空字符串。那么，$state似乎只会尝试去某个地方一次，而不是两次。

此外，如果你不想依赖于应用程序的默认run和state.go(…)，你可以尝试捕获散列值，并使用散列值来确定页面刷新前你所处的子状态，并在代码中设置state.go(…)的区域添加一个条件。

2015-09-09 04:44:10

对于那些使用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

我刚刚解决了我的问题，其实很令人失望。这是一个离子混合应用程序，我使用ui-router v0.2.13。在我的例子中，有一个epub阅读器(使用epub.js)，一旦我导航到我的图书馆并选择任何其他书籍，它就会连续报告“没有找到文档”。当我重新加载浏览器的书被完美地渲染，但当我选择另一本书得到同样的问题再次。

我的解决方法很简单。我刚刚从$state.go("app. go ")中删除了reload:true。reader"， {fileName: fn, reload: true});在我的图书馆控制器

2017-01-21 13:21:49

我的问题真的很难找到。最后，当网页缺少图像时，问题就出现了。src缺少一个Url。这发生在MVC 5 Web控制器上。为了解决这个问题，当没有真实图像可用时，我添加了透明图像。

<img alt="" class="logo" src="">

2020-08-04 02:43:25