Use $scope or this in your controller?

[bargitta]

Hi,

Do you use $scope in your controller to setup variables that will be used in the html template?

Or do you use this like this.user = {} in your UserController and ctrl as UserController, ctrl.user in the html template?

What is the recommended way? 

[Pete Bacon Darwin]

The Angular team are encouraging less use of the $scope object inside controllers and leaning towards the `controller as` style, where you use `this.user...`, since this makes you controllers even less reliant upon Angular implementation details (i.e. scope) and is also more aligned with how "component" directives are defined in Angualr 2.

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email to angular+u...@googlegroups.com.
To post to this group, send email to ang...@googlegroups.com.
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[Xi Chen]

thanks Pete, but I remember that before I use "this", and then I was told to move to "$scope", since some say that $scope is the view model that combines your template and controller. Seems that suggestion is not a valid one.

But when I use "this.user={}", is the user stored in the controller or stored in the $scope internally?

--
You received this message because you are subscribed to a topic in the Google Groups "AngularJS" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/angular/JW5hgkCWRlQ/unsubscribe.
To unsubscribe from this group and all its topics, send an email to angular+u...@googlegroups.com.

[Sander Elias]

Hi Bargitta,

Well, with time things change :)
The current controllerAs syntax exposes the controller to the local $scope. If you use ng-controller="myController as vm" behind the scenes something similar to this happens: $scope.vm = this;

So, to answer your question, your user is stored in the controller, and the controller is stored in the $scope. (it is all stored by reference, so there isn’t much of an memory issue with it!)

Regards
Sander

​

[Luís Loureiro]

Hi Bargitta.

Take a look at this: https://github.com/johnpapa/angular-styleguide#controllers

It explains well how to use "controller As" syntax.

Regards,

Luís Loureiro

[Xi Chen]

thanks all for your comments. Do you know why angular tries to move "$scope" away?

--

[Xi Chen]

i also find that $scope will not be that easy to be removed. For example, if I want to use $scope. $watch.