范围扮演其视图连接控制器的角色一个特殊的Java脚本语言对象。范围包含了模型数据。在控制器,模型数据通过$范围对象访问。
脚本var主app=angular。模块(' main app ',[]);mainapp。控制器('形状控制器',函数($ scope){ $ scope。消息=“在形状控制器中”;$ scope。type=" Shape});/script以下是在上面的例子中需要考虑的重要问题。
$范围被作为第一个参数在其构造器确定指标到控制器$scope.message和$scope.type是它们在超文本标记语言页面中所用的模型。我们已经设置模型的值将反映应用程序模块的控制器shapeController中。我们可以在$范围定义函数功能。继承范围
范围是特定的控制器。如果我们定义嵌套的控制器,然后控制器子将继承其父控制的范围。
脚本var主app=angular。模块(' main app ',[]);mainapp。控制器('形状控制器',函数($ scope){ $ scope。消息=“在形状控制器中”;$ scope。type=" Shape});mainapp。控制器('圆形控制器',函数($ scope){ $ scope。消息=“圈内控制器”;});/script以下是在上面的例子中需要考虑的重要问题。
我们在shapeController设定模型的值。我们覆盖的子控制器循环控制器消息。当"消息"内的控制器循环控制器的模块使用时,将用于重写的消息。例子
下面的例子将展示上述所有指令。testAngularJS.html
html头部标题角度JS表单/标题/头部主体H2角度JS示例应用程序/H2 div ng-app=' mainApp ' ng-controller=' shape controller ' p { { message } } br/{ { type } }/p div ng-controller=' circle controller ' p { { message } } br/{ { type } }/p/div/div脚本src=mainapp。控制器('形状控制器',函数($ scope){ $ scope。消息=“在形状控制器中”;$ scope。type=" Shape});mainapp。控制器('圆形控制器',函数($ scope){ $ scope。消息=“圈内控制器”;});mainapp。控制器('方形控制器',函数($ scope){ $ scope。消息=“在方形控制器中”;$ scope . type=' Square });/脚本/正文/html结果
在网浏览器打开textAngularJS.html。看到结果如下。