范围扮演其视图连接控制器的角色一个特殊的JavaScript对象。范围包含了模型数据。在控制器,模型数据通过$scope对象访问。

  

以下是在上面的例子中需要考虑的重要问题。

  • $scope被作为第一个参数在其构造器确定指标到控制器。

  • $scope.message 和 $scope.type 是它们在HTML页面中所用的模型。

  • 我们已经设置模型的值将反映应用程序模块的控制器shapeController中。

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

继承范围

范围是特定的控制器。如果我们定义嵌套的控制器,然后控制器子将继承其父控制的范围。

  

以下是在上面的例子中需要考虑的重要问题。

  • 我们在shapeController设定模型的值。

  • 我们覆盖的子控制器circleController消息。当“消息”内的控制器circleController的模块使用时,将用于重写的消息。

例子

下面的例子将展示上述所有指令。

testAngularJS.html
         </span><span class="pln" style="box-sizing: border-box; color: rgb(0, 0, 0);">Angular JS Forms</span><span class="tag" style="box-sizing: border-box; color: rgb(0, 0, 136);">         

AngularJS Sample Application

ng-app="mainApp" ng-controller="shapeController">

{{message}}
{{type}}

ng-controller="circleController">

{{message}}
{{type}}

ng-controller="squareController">

{{message}}
{{type}}

src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js">

结果

在Web浏览器打开textAngularJS.html。看到结果如下。

AngularJS Scopes
 


259阅读 | 0评论
你的回应
开源小组
内容管理(CMS)
JoomlaDrupalCmsEasyDedeCms帝国CMSJTBC(CMS)SupeSite
论坛(BBS)
ThinkSAASDiscuzphpBBphpwind
在线商城(SHOP)
ecshopMagentoDESTOON B2BoscommerceShopNCOpenCartPrestaShop
问卷调查(SURVEY)
LimeSurvey
在线学习(LEARNING)
Moodle
客户关系管理(CRM)
VtigerCRMSugarCRM
博客(BLOG)
WordPressX-SpaceBo-Blog
办公自动化(OA)
fengoffice小微OAGroup-Office
在线考试(EXAM)
phpems
单点登录(SSO)
UCenter
人力资源(HRM)
OrangeHRM
云存储/网盘(CLOUD)
ownCloudNextcloud
项目管理(PM)
禅道
BUG管理(BUG)
Mantis
最新文章
联系我们