angularJs作用域

来源:互联网 发布:2017苹果10月份mac 编辑:程序博客网 时间:2024/05/21 08:46
 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="lib/angular.min.js"></script> <script> var app=angular.module("gaoynApp",[]); //控制器1 $scope作用域:只在该控制器内; $rootScope 在一个模块内 app.controller("demo1",["$scope","$rootScope",function($scope,$rootScope){ $rootScope.name="我是全局变量"; }]);   app.controller("demo2",["$scope","$rootScope",function($scope,$rootScope){ $scope.username=$rootScope.name; }]);       </script> </head> <body ng-app="gaoynApp"> <!--在控制器demo1中调用 name变量 --> <ul ng-controller="demo1"> <li>{{name}}</li> </ul> <!--在控制器demo2中调用 全局name变量--> <ul ng-controller="demo2"> <li>{{name}}</li><!--demo2中是否有name?-->   <li>{{username}}</li><!--demo2中是否有name?--> </ul> </body> </html>
原创粉丝点击