$scope作用域

作用域

    $scope:局部

    $rootScope:全局

依赖注入

   形参不能被修改,参数自动注入。   

   如:function Aaa($scope,$rootScope){}

服务:以$开头 + 名字

<html ng-app>
	<head>
		<title>Demo1</title>
		<meta charset="UTF-8"/>
		<script type="text/javascript" src="angular.min.js"></script>
		<script>
			function Aaa($scope,$rootScope){
				$scope.name ='init';
				$scope.age = '24';
				$rootScope.width = '188A'
				$scope.init = 'init()';
			}
			function Bbb($scope){
				$scope.name = 'initB';
				$scope.age = '24B';
				$scope.height = '165B';
				$scope.width = '168B';
			}
		</script>
	</head>
	<body>
		<div ng-controller="Aaa">
			<p>{{name}}</p>
			<p>{{age}}</p>
			<p>{{height}}</p>
			<p>{{widht}}</p>
		</div>
		<hr />
		<div ng-controller='Bbb'>
			<p>{{name}}</p>
			<p>{{age}}</p>
			<p>{{height}}</p>
			<p>{{width}}</p>
		</div>
		<hr />
		<p>{{width}}</p>
		<hr />
		<div ng-controller="Aaa">
			<div ng-controller='Bbb'>
				<p>{{name}}</p>
				<p>{{age}}</p>
				<p>{{height}}</p>
				<p>{{width}}</p>
				<p>{{init}}</p>
			</div>
		</div>
	</body>
</html>


你可能感兴趣的:($scope作用域)