Difference between $scope and $rootScope
difference between scope and rootscope in angularjs
angular scope vs rootscope
angular root scope vs scope
In this video we will discuss the difference between $scope and $rootScope. The main difference is that, $rootScope is available globally (for all controllers), whereas $scope is only available to the controller that has created it and it's children.
Healthy diet is very important both for the body and mind. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking our YouTube channel. Hope you can help.
/ @aarvikitchen5572
Let us understand this with an example.
Controller Code : We have 2 controllers (redColourController & greenColourController). redColourController has set redColour property on $scope and rootScopeColour on $rootScope. This means redColour property cannot be used outside the redColourController, where as rootScopeColour that is set on $rootScope can be used anywhere. greenColourController has set greenColour property on $scope. This means greenColour property cannot be used outside the greenColourController
var app = angular
.module("Demo", [])
.controller("redColourController", function ($scope, $rootScope) {
$rootScope.rootScopeColour = "I am Root Scope Colour";
$scope.redColour = "I am Red Colour";
})
.controller("greenColourController", function ($scope) {
$scope.greenColour = "I am Green Colour";
})
View HTML :
[div ng-controller="redColourController"]
Root Scope Colour : {{rootScopeColour}} [br /]
Red Colour Controller : {{redColour}} [br /]
Green Colour Controller :
[span style="color:red" ng-show="greenColour == undefined"]
greenColour is undefined
[/span]
[/div]
[br /]
[div ng-controller="greenColourController"]
Root Scope Colour : {{rootScopeColour}} [br /]
Green Colour Controller : {{greenColour}} [br /]
Red Colour Controller :
[span style="color:red" ng-show="redColour == undefined"]
redColour is undefined
[/span]
[/div]
Output : From the output it is clear that the rootScopeColour property that is set on $rootScope is available for both the controllers (redColourController & greenColourController). Where as redColour property set on $scope is available only for redColourController and not for greenColourController. Similarly, greenColour property set $scope is available only for greenColourController and not redColourController. Hope this example has made the difference between $rootScope and $scope clear.
Link for all dot net and sql server video tutorial playlists
https://www.youtube.com/user/kudvenka...
Link for slides, code samples and text version of the video
http://csharp-video-tutorials.blogspo...
Nesta página do site você pode assistir ao vídeo on-line Difference between $scope and $rootScope duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário kudvenkat 21 Março 2016, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 108,400 vezes e gostou 359 espectadores. Boa visualização!
