AngularJS - 范围

AngularJS Scopes - 从简单和简单的步骤学习AngularJS，从基本到高级概念，包括概述，环境设置，MVC架构，第一个应用程序，指令，表达式，控制器，过滤器，表，HTML DOM，模块，表单，包含，Ajax ，视图，范围，服务，依赖注入，自定义指令，内部化，ToDo应用程序，记事本应用程序，Bootstrap应用程序，登录应用程序，上载文件，在线应用程序，导航菜单，切换菜单，订单表格，搜索选项卡，拖动应用程序，购物车申请，翻译申请，图表申请，地图申请，分享申请，天气申请，计时器申请，传单申请，Lastfm申请。

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

以上重点考虑以下重点:<

$ scope在构造函数定义期间作为第一个参数传递给controller.
$ scope.message和$ scope.type是HTML页面中使用的模型.
我们为应用程序模块中反映的模型赋值，其控制器为shapeController.
我们可以在$ scope中定义函数.

范围继承

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

以上重点考虑以下重点:<

我们在shapeController中为模型赋值.
我们覆盖名为 circleController 的子控制器中的消息.当在名为 circleController 的控制器模块中使用消息时，将使用被覆盖的消息.

示例

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

testAngularJS.htm

         Angular JS Forms               AngularJS Sample Application
                     {{message}} 
 {{type}} 
                              {{message}} 
 {{type}}

输出

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