范围是一个特殊的JavaScript对象，用于将控制器与视图连接起来。范围包含模型数据。在控制器中，通过$ scope对象访问模型数据。

上例中考虑了以下要点-

• $ scope在其构造函数定义期间作为第一个参数传递给控制器。

• $ scope.message和$ scope.type是HTML页面中使用的模型。

• 我们为应用程序模块中反映的模型分配值，该模块的控制器为shapeController。

• 我们可以在$ scope中定义函数。

范围继承

范围是特定于控制器的。如果我们定义了嵌套控制器，那么子控制器将继承其父控制器的作用域。

上例中考虑了以下要点-

• 我们在shapeController中为模型分配值。

• 我们在名为circleController的子控制器中覆盖消息。在名为circleController的控制器模块中使用message时，将使用覆盖的消息。

例

以下示例显示了上述所有指令的使用。

testAngularJS.htm

   
   
   
      
AngularJS Sample Application
      
      

         
{{message}} 
 {{type}} 
         
         

            
{{message}} 
 {{type}} 
         
         
         

            
{{message}} 
 {{type}} 
         
            
      
      
      
      
      
   

输出

在网络浏览器中打开文件testAngularJS.htm并查看结果。