Angular provides the $scope objects into a hierarchy that is typically used by views. This is called the scope hierarchy in Angular. It has a root scope that can further contain one or several scopes called child scopes.

In a scope hierarchy, each view has its own $scope. Hence, the variables set by a view’s view controller will remain hidden to other view controllers.

Following is the typical representation of a Scope Hierarchy:

1. Root $scope  
2. $scope for Controller 1  
3. $scope for Controller 2  
4. …  
5. ..  
6. .  
7. $scope for Controller n