AngularJS作用域

<body ng-app>
	<div ng-controller="PersonCtrl">
		<p>{{person.name}}</p>
		<p>{{sex}}</p>
	</div>
	<p>{{person.name}}</p>
	<p>{{sex}}</p>

	<script>
		function PersonCtrl($scope, $rootScope) {
			$scope.person = {
				'name': 'Zhang',
				'age': 23
			}
			$rootScope.sex = '男';	
		}
	</script>
</body>

  

<body ng-app>
	<div ng-controller="PersonCtrl1">
		<p>{{name}}</p>
		<p>{{age}}</p>
		<div ng-controller="PersonCtrl2">
			<p>{{name}}</p>
			<p>{{age}}</p>
		</div>
	</div>
	<script>
		function PersonCtrl1($scope) {
			$scope.name = 'Handsome';
			$scope.age = 22;
		}
		function PersonCtrl2($scope) {
			$scope.name = 'Zhang';
		}
	</script>
</body>

  

posted @ 2016-12-08 12:00  HandsomeHan  阅读(137)  评论(0编辑  收藏  举报