$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.

You should look at http://stackoverflow.com/questions/11605917/this-vs-scope-in-angularjs-controllers — long.luc, Jan 07 '15 at 06:32
It's worth taking a look at John Papa's style guide: https://github.com/johnpapa/angularjs-styleguide#controllers — Wayne Ellery, Jan 07 '15 at 06:36

score 1 · Answer 1 · edited Jan 09 '17 at 08:18

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 09 '17 at 08:18

answered Jan 07 '15 at 06:24

Alexander Strochkov

417
2
8

http://stackoverflow.com/questions/11605917/this-vs-scope-in-angularjs-controllers#14168699 – huan feng Jan 07 '15 at 06:37

$scope vs this in angular

1 Answers1