Controller initialization in AngularJS

Question

<html>
      <body>
           <div ng-controller="TestController">
                 Framework is {{name}}
           </div>
      </body>
</html>

Am making the above piece of html code into angular manually in the script.

var app = angular.module('TestModule',[]);
angular.bootstrap(document, app);

I want to know the difference, advantages, disadvantages in initializing the controller in the below two ways.

Model 1:

var app = angular.module('TestModule',[]);
app.controller('TestController',function($scope){
     $scope.name="Angualar";
});
angular.bootstrap(document, app);

Model2:

var app = angular.module('TestModule',[]);
window['TestController'] = function($scope){
      $scope.name="Angualar";
};
angular.bootstrap(document, app);

Both the above models works same. When does the controller actually creates. when the scope gets creates for the controller. Kindly share your comments.

score 0 · Accepted Answer · answered Aug 20 '15 at 08:07

0

Model2 is the bad way to do it. Use Model1, its better and angular's way to create controllers.

In Model2 you are polluting global window scope.

answered Aug 20 '15 at 08:07

atinder

2,080
13
15

Controller initialization in AngularJS

1 Answers1