如何让angularjs控制器只运行一次甚至在DOM中定义的许多ng-controller？

Question

I wish I can handle this, but in the bad way...namely I need to use $cookieStore to check either the function called or not.

Every time to use push array then I need to use $cookieStore . But it seems not practical.

Here was my DOM:

<div ng-controller="MyCtrl">
  <div>
     <div ng-include="'temp2.html'">
    Hello, {{name}}!
    </div>
  </div>  
</div>

<script type="text/ng-template" id="temp2.html">
    <div ng-controller="MyCtrl">Another View</div>
</script>

And my angularjs controller:

var myApp = angular.module('myApp',[]);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
    $scope.name = 'Superhero';
    alert(1);
}

alert(1) function will be called 2 times every times the page was called.

How to avoid this problem without using watcher?

My fiddle for your convenience. Thanks!

Answer 1

The controller would called be twice for both the views, i would suggest you to move controller specific code to init function and use ng-init in one of your views .

var Controller = function($scope) {
  $scope.init = function () {
  };
};

Your View

<div ng-controller="Controller" ng-init="init()"/>

Answer 2

Yo don't need to specify the Controller name again in the include.... if its the same as the parent one(same as controller of main page).

just go with this

<div ng-controller="MyCtrl">
  <div>
     <div ng-include="'temp2.html'">
    Hello, {{name}}!
    </div>
  </div>  
</div>

<script type="text/ng-template" id="temp2.html">
    <div>Another View {{name}}</div>
</script>

Js Fiddel

name will be accessible in the view you included.

Hope it will help you..