Angular controller syntax

Question

While reviewing angular interview question and answers, I noticed that the author has written the controller's syntax as follows:

function Customer($scope)
{
        $scope.CustomerName = "Shiv";
        $scope.CustomerCode = "1001";
        $scope.Add = function () {
        }
        $scope.Update = function () {
        }
}

I'm accustom to writing controllers in this way:

app.controller('Customer', function($scope) {
  $scope.CustomerName = "Shiv";
  $scope.CustomerCode = "1001";
  $scope.Add = function () {}
  $scope.Update = function () {}
});

How would I use the authors controller syntax in an angular project???

BSmall · Accepted Answer · 2016-09-28 23:33:52Z

1

John Papa who is the nationally recognized "guru" on Angular and he recommends creating controllers as in your first example. See HERE for usage.

answered Sep 28, 2016 at 23:33

BSmall

281 silver badge5 bronze badges

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

Comments

chairmanmow · Accepted Answer · 2016-09-28 22:45:23Z

0

app.controller('Customer',Customer($scope))

answered Sep 28, 2016 at 22:45

chairmanmow

6507 silver badges20 bronze badges

Comments

Jairo Dev · Accepted Answer · 2016-09-29 00:23:04Z

The author is simply using a named function, instead of directly passing an anonymous function like you did.

app.controller('Customer',Customer);

function Customer($scope) {
  ...
}

Also, I'd recommend looking into dependency injection, which is an Angular best practice required by its Strict Mode. Like so...

app.controller('Customer',Customer);

// Dependencies declared here
// This tells angular what to inject into your controller
Customer.$inject = ['$scope'];

// Controller Constructor Function
// You can now safely use $scope.
function Customer($scope) {
  ...
}

Check out Using StrictDI in Angular docs. At the bottom there's a JS example for BadController, GoodController1, and GoodController2

The first GoodController1 would be an improvement to your style. The author went for the GoodController2 syntax

Collectives™ on Stack Overflow

Angular controller syntax

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related