第5章 作用域

5.1根作用域

  • 一个AngularJS的应用(App)在启动时会自动创建一个根作用域$rootScope,这个根作用域在整个应用范围(ng-app所在标签以内)都是可以被访问到的。

5.2子作用域

  • 通过ng-controller指令可以创建一个子作用域,新建的作用域可以访问其父作用域的数据。

示例:

<body ng-app="App">
<div class="box" ng-controller="ParentController">
<nav>
<a href="javascript:;">首页</a>
<a href="javascript:;">列表</a>
</nav>
<div class="main" ng-controller="ChildController">
<h4>{{name}}</h4>
</div>
</div>
<script src="./libs/angular.min.js"></script>
<script>
/**
* 关于作用域:
* 新建一个函数就会产生一个新的作用域
* 并且子作用域可以访问父级作用域,父级不
* 能访问子级的
*/
var App = angular.module('App', []);
App.controller('ParentController', ['$scope', function ($scope) {
$scope.name = '小明';
}]);
App.controller('ChildController', ['$scope', function ($scope) {
$scope.name = '小红';
}])
</script>
</body>
05-11 11:35
查看更多