$scope vs this in angular

Question

Which one is better? Why?

(function(){
  var app = angular.module('myApp', []);

  app.controller('MyController', function() {
    this.guy = obj1;
  });

  app.controller('AnotherController', function ($scope){
    $scope.guy = obj2;
  });

  var obj1 = {
    'name' : 'david',
    'title' : 'dude from obj1',
    'company' : 'AA',
    'doesIt' : 'this uses this'
  }, obj2 = {
    'name' : 'warren',
    'title' : 'dude from obj2',
    'company' : 'AA',
    'doesIt' : 'this uses scope'
  };
})();

I've seen tutorials that use both. Is this a preference thing? Is it just whether to be able to use the controller alias in the html attr or not? What's so great about $scope? I'm looking for a straight forward answer. Thanks.

It's worth taking a look at John Papa's style guide: github.com/johnpapa/angularjs-styleguide#controllers — Wayne Ellery
– Wayne Ellery, Commented Jan 7, 2015 at 6:36

Alexander Strochkov · Accepted Answer · 2017-01-09 08:18:44Z

1

The main advantage of controller as syntax - it makes much cleaner html:

<div ng-contoller="parentController">
     <div ng-contoller="childController">
         <!-- you can't say exactly, where test located-->
         {{test}}  
     </div>
</div>

<div ng-contoller="parentController as parent">
     <div ng-contoller="childController as child">
         <!--it's clear where test-->
         {{parent.test}}  
     </div>
</div>

also you can see this

edited Jan 9, 2017 at 8:18

user7368531

answered Jan 7, 2015 at 6:24

Alexander Strochkov

4172 silver badges8 bronze badges

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

1 Comment

huan feng Over a year ago

stackoverflow.com/questions/11605917/…

Collectives™ on Stack Overflow

$scope vs this in angular

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related