Combating AngularJS executing controller twice

Question

I understand AngularJS runs through some code twice, sometimes even more, like $watch events, constantly checking model states etc.

However my code:

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); });  //... 

Is executed twice, inserting 2 records into my DB. I'm clearly still learning as I've been banging my head against this for ages!

Answer 1

The app router specified navigation to MyController like so:

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

But I also had this in home.html:

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

This digested the controller twice. Removing the data-ng-controller attribute from the HTML resolved the issue. Alternatively, the controller: property could have been removed from the routing directive.

This problem also appears when using tabbed navigation. For example, app.js might contain:

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

The corresponding reports tab HTML might resemble:

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

This will also result in running the controller twice.