AngularJs 模块加载-运行块

最新推荐文章于 2022-01-27 16:11:47 发布

心郎

最新推荐文章于 2022-01-27 16:11:47 发布

阅读量1.4k

点赞数

分类专栏：前段_angularjs

本文链接：https://blog.youkuaiyun.com/u011301203/article/details/53236657

版权

前段_angularjs 专栏收录该内容

18 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en" ng-app="App">
<head>
	<meta charset="UTF-8">
	<title>AngularJS 模块加载之 运行块</title>
</head>
<!--
	AngularJS模块:可以在被加载和执行之前对自身进行配置 我们可以在应用加载阶段配置不同的逻辑
	##配置快:
		通过config方法实现对模块的配置,AngularJS中的服务多数都对应一个provider,
		用来执行与对应服务相同的功能或对其配置,比如$log、$http、$location都是内置服务，
		相对应的“provider”分别是$logProvider、$httpProvider、$locationPorvider。
	##运行块:
		掉用方式1: 服务也是以模块形式存在的,对外提供特定功能，将服务做为依赖注入进去的,然后再进行调用
		掉用方式2: 直接运行相应的服务模块， AngularJS提供了run方法来实现。
			run方法还是最先执行的，利用这个特点我们可以将一些需要优先执行的功能通过run方法来运行，
			比如验证用户是否登录，未登录则不允许进行任何其它操作。
-->
<body>
	<div ng-controller="DemoController">
		{{name}}
	</div>
	<script src="../libs/angular.min.js"></script>
	<script>
		var App = angular.module('App', []);

		// 直接运行$http、$rootScope服务
		// $rootScope根作域
		App.run(['$http', '$rootScope', function ($http, $rootScope) {
			// 直接调用$http
			$http({
				url: 'xxxx.php',
				method: 'get'
			});
			// 根作用域
			$rootScope.name = '祖宗';
		}]);
		App.controller('DemoController', ['$scope', function($scope) {
			$scope.name = '后代';
		}]) 

	</script>

</body>
</html>