Combating AngularJS executing controller twice

by

The app router specified navigation to MyController like so:

$routeProvider.when("https://stackoverflow.com/",
                   { 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.

More Related Contents:

  1. Is this a “Deferred Antipattern”?
  2. AngularJS 1.5+ Components do not support Watchers, what is the work around?
  3. Angular HttpPromise: difference between `success`/`error` methods and `then`’s arguments
  4. How do you prevent duplicate user properties in Firebase?
  5. What is the difference between ng-if and ng-show/ng-hide
  6. What’s the difference between $evalAsync and $timeout in AngularJS?
  7. What is the best way to conditionally apply attributes in AngularJS?
  8. Unit Testing AngularJS directive with templateUrl
  9. Angular ng-repeat add bootstrap row every 3 or 4 cols
  10. Angular: calling controller function inside a directive link function using &
  11. Limit the length of a string with AngularJS
  12. inline conditionals in angular.js
  13. Angular, content type is not being sent with $http
  14. angular directive encapsulating a delay for ng-change
  15. Angular: ng-bind-html filters out ng-click?
  16. How can I test an AngularJS service from the console?
  17. Angularjs ui-router. How to redirect to login page
  18. localStorage vs sessionStorage vs cookies
  19. Send multipart/form-data files with angular using $http
  20. AngularJS leaves comments in HTML: is it possible to remove them?
  21. Usage of $broadcast(), $emit() And $on() in AngularJS
  22. How to handle $resource service errors in AngularJS
  23. AngularJS: ngInclude vs directive
  24. How to create a AngularJS promise from a callback-based API
  25. How to set the value attribute for select options?
  26. AngularJS: How to nest applications within an angular app
  27. Angular ng-click event delegation
  28. Get the current browser name in Protractor test
  29. How do I filter an array with AngularJS and use a property of the filtered object as the ng-model attribute?
  30. What is $$phase in AngularJS?

Leave a Comment