AngularJS $rootScope根作用域,直接运行(run())(优先执行)

最新推荐文章于 2024-10-18 08:57:48 发布

houyanhua1

最新推荐文章于 2024-10-18 08:57:48 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： AngularJS 文章标签： angularjs rootScope 根作用域 run

本文链接：https://blog.youkuaiyun.com/houyanhua1/article/details/80155872

AngularJS 专栏收录该内容

30 篇文章

订阅专栏

本文介绍了一个简单的AngularJS应用实例，展示了如何使用AngularJS框架创建一个包含动态内容的网页。通过定义模块、控制器，并利用双向数据绑定特性，实现了页面中变量的动态更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

demo.html：

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>AngularJS</title>  
    <script src="angular.min.js"></script>  <!-- 引入AngularJS框架 -->  
</head>  
<body ng-app="App">  
    <div ng-controller="DemoController">
    	<h3>{{name}}</h3>
    </div>
    <script>  
        var App = angular.module('App',[]);

        // 通过run方法直接运行(模块)。（优先执行） $rootScope根作用域
        App.run(['$rootScope',function($rootScope) {
        	$rootScope.name = '张三';  // $rootScope根作用域(全局作用域)
        }]);

        // 控制器
        App.controller("DemoController",['$scope',function($scope) {
        	$scope.name = '覆盖根作用域中的变量';  //每个控制器相当于function。 $scope覆盖$rootScope中的变量  (作用域链)
        }]);
   
    </script>  
</body>  
</html>