• $rootscope is available globally (for all Controllers), whereas $scope is available only to the Controller that has created it.
• We have taken span element for displaying color as red.
• But when you see the green color property which is defined on $scope object, that property will not be available for red color controller, that’s why in the output we don’t see any value for the green color controller and the same scenario for the other div and the other red color controller.
• Red Color Controller : {{redColour}} will be available for the red color controller and that’s why we see the output as Red Color,
• $rootscope color properties are available in both the div elements because that is defined in $scope object.

Read more