首页 > 代码库 > angularJS(4)
angularJS(4)
angularJS(4)
一:angulaJs的作用域scope
Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。
scope 是一个 JavaScript 对象,带有属性和方法,这些属性和方法可以在视图和控制器中使用。
Scope 可应用在视图和控制器上。
AngularJS 应用组成如下 :$scope是一个模型
View(视图), 即 HTML。
Model(模型), 当前视图中可用的数据。
Controller(控制器), 即 JavaScript 函数,可以添加或修改属性。
在之前的内容中说到的都是只有一个作用域的,但是在大型的项目当中,可能会存在多个的作用域
如下面的例子:
<div ng-app="myapp"> <h1 style="color:#ff0000" ng-controller="mycc">{{myname}}</h1> <h1 ng-controller="ucc">{{myname}}</h1> </div> <script language="javascript"> var app=angular.module("myapp",[]); app.controller("mycc",function($scope){ $scope.myname="猪八戒"; }) app.controller("ucc",function($scope){ $scope.myname="唐三藏"; }) </script>
二:angularJs的根作用域
所有的应用都有一个 $rootScope,它可以作用在 ng-app 指令包含的所有 HTML 元素中
$rootScope 可作用于整个应用中。是各个 controller 中 scope 的桥梁。用 rootscope 定义的值,可以在各个 controller 中使用。
如下面的例子:
<div ng-app="myapp"> <h1 style="color:#f00" ng-controller="mycc">姓名:{{uname}},性别:{{usex}}</h1> <h1 style="color:#00f" ng-controller="ucc">姓名:{{uname}},性别:{{usex}}</h1> </div> <script language="javascript"> var app=angular.module("myapp",[]); app.controller("mycc",function($scope,$rootScope){ $scope.uname="金角大王"; $rootScope.uname=$scope.uname; $scope.usex="公"; }) app.controller("ucc",function($scope,$rootScope){ $scope.uname=$rootScope.uname; $scope.usex="母" }) </script>
转
angularJS(4)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。