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.

atinder · Accepted Answer · 2015-08-20 08:07:26Z

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, 2015 at 8:07

atinder

2,09014 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Controller initialization in AngularJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related