controller use $scope? custom service use this?

Question

I found in Controller, we use $scope, here is the link (http://www.w3schools.com/angular/tryit.asp?filename=try_ng_controller). I change $scope to this, it cannot work.

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.firstName = "John";
    $scope.lastName = "Doe";
});
</script>

However, I found in Service, we use this, here is the link (http://www.w3schools.com/angular/tryit.asp?filename=try_ng_services_custom). In hexafy service, I change this to $scope, it cannot work.

<script>
var app = angular.module('myApp', []);

app.service('hexafy', function() {
    this.myFunc = function (x) {
        return x.toString(16);
    }
});
app.controller('myCtrl', function($scope, hexafy) {
  $scope.hex = hexafy.myFunc(255);
});
</script>

Does my above summary correct? If not, what should be correct summary considering all kinds of possible.

check this http://stackoverflow.com/questions/11605917/this-vs-scope-in-angularjs-controllers — Abhijit Muke, Jan 07 '17 at 05:13

score 0 · Accepted Answer · answered Jan 07 '17 at 07:16

0

You can use this instead of $scope in controller as well. They have brought in controller as syntax(from Angular 1.2). You can attach data to this(Here controller holds the data). But internally it will be attached to $scope only, but you don't have to attach it manually. It has to be declared in html like this , controller is declared as main , so we have to refer to data in html using main.

<div ng-controller="MainCtrl as main">
   {{ main.title }}
</div>

app.controller('MainCtrl', function ($scope) {
  this.title = 'Some title'; 
  console.log("Title" + $scope.main.title); // It will print some title in the console.
});

answered Jan 07 '17 at 07:16

Sasank Sunkavalli

3,864
5
31
55

Thanks. I got. However, can we use $scope instead of this in Service? – AngularJS Jan 07 '17 at 15:32
Yeah you can use it – Sasank Sunkavalli Jan 07 '17 at 15:51
Thanks. I tried, it works. For Serice and Controller, which one you suggest, this or $scope? – AngularJS Jan 07 '17 at 16:06
For binding of data, its better we use 'this' rather than $scope – Sasank Sunkavalli Jan 07 '17 at 16:19
Does it mean 'this' not limited to scope? For example, {{main.name}}
– AngularJS Jan 07 '17 at 16:24
I didnt get ur question ? – Sasank Sunkavalli Jan 07 '17 at 16:24
I tried, it cannot work if my {{main.name}} is out of
– AngularJS Jan 07 '17 at 16:27
No it wont work outside of this
, it has to be inside that div – Sasank Sunkavalli Jan 07 '17 at 16:39
If so, I did not see any advantage using 'this'? – AngularJS Jan 07 '17 at 16:51
Go through this article for understanding the advantage , https://toddmotto.com/a-better-way-to-scope-angular-extend-no-more-vm-this/ – Sasank Sunkavalli Jan 08 '17 at 03:31

controller use $scope? custom service use this?

1 Answers1