What is the concept of scope hierarchy in Angular?

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