标签:
一、angularJs的作用域
<!DOCTYPE HTML> <html ng-app> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>angular概述</title> <script src="angular.min.js"></script> <script> function Aaa($scope,$rootScope){ //加上$rootScope这个可以是age显示出来,相当于全局的作用域 $scope.name = ‘hello‘; $scope.age = ‘40‘; } function Bbb($scope){ $scope.name = ‘hi‘; } </script> </head> <body> <div ng-controller="Aaa"> <p>{{name}}</p> <div ng-controller="Bbb"> <p>{{name}}</p> <p>{{age}}</p> </div> </div> </body> </html>
<!DOCTYPE HTML> <html ng-app> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>angular概述</title> <script src="angular.min.js"></script> <script> function Aaa($scope,$rootScope){ //加上$rootScope这个可以是age显示出来,相当于是全局的 $scope.name = ‘hello‘; $scope.age = ‘40‘; //$rootScope.age = ‘20‘; 这个是最终的,如果Bbb下没有这个age,Aaa下也没有的话,那么age就等于这个值,如果这个全局的也没有,那么这个age就真的没有了 } function Bbb($scope){ $scope.name = ‘hi‘; $scope.age = ‘30‘; //这里也添加一个这个的属性,下面结果是30 } </script> </head> <body> <div ng-controller="Aaa"> <p>{{name}}</p> <div ng-controller="Bbb"> <p>{{name}}</p> <p>{{age}}</p> </div> </div> </body> </html>
二、依赖注入
<!DOCTYPE HTML> <html ng-app> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script src="angular.min.js"></script> <script> function Aaa($scope,$rootScope){ //这里面的参数必须是这样,不能被修改 alert(123); } </script> </head> <body> <div ng-controller="Aaa"> </div> </body> </html>
标签:
原文地址:http://www.cnblogs.com/LO-ME/p/4562424.html