1.为什么会产生作用域：
一个应用（module）包含多个视图（view），而view的本质就是html，
html产生嵌套是必然的，那么视图就会发生嵌套，
视图和控制器一一对应，那么控制器就会嵌套，
一个控制器产生一个$scope,$scope自然也就有了作用域之分。
2.根作用域
一个应用在启动时(ng-app)会自动创建一个根作用域$rootScope,这个对象在所有子作用域都可以访问到
3.子作用域
ng-controller可以创建一个子作用域$scope,子作用域可以访问到父作用域，父作用域不可以访问子作用域
<!-- ng-init 初始化根作用域数据 -->
<body ng-app="App" ng-init="name='爷爷'">
<h1>{{name}}</h1>
<div class="parent" ng-controller="ParentController">
<h2>{{name}}</h2>
<div class="child" ng-controller="ChildController">
<h3>{{name}}</h3>
</div>
</div>
<script src="./libs/angular.min.js"></script>
<script>
var App = angular.module('App', []);
App.controller('ParentController', ['$scope','$rootScope', function ($scope,$rootScope) {
console.log($rootScope.name);
$scope.name='爸爸';
}]);
App.controller('ChildController', ['$scope', function ($scope) {
$scope.name = '宝宝';
}]);
</script>
</body>
扫一扫
841
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
