as reference for controller usage in angularjs

Question

<h1 ng-controller="mainController as mainCtrl">{{ms}}</h1>

.controller("mainController",function(){
this.ms = "hi";
});

Why are people using as in angularjs? What I usually do is just inject $scope and do $scope.ms = 'something'

Shreevardhan · Accepted Answer · 2016-08-23 14:40:03Z

2

You don't need to inject $scope if you do this

<h1 ng-controller="mainController as mainCtrl">{{mainCtrl.ms}}</h1>

app.controller("mainController", function() {
    this.ms = "hi";
});

Better explained here.

EDIT: It's mentioned in AngularJS Official Docs as well. See ngController.

answered Aug 23, 2016 at 14:30

Shreevardhan

12.7k3 gold badges39 silver badges53 bronze badges

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

1 Comment

is this a new thing? if it's a preferred way why don't angular official site don't use it?