AngularJs 模块加载-运行块

最新推荐文章于 2022-05-21 22:39:38 发布

心郎

最新推荐文章于 2022-05-21 22:39:38 发布

阅读量1.4k

点赞数

分类专栏：前段_angularjs

本文链接：https://blog.csdn.net/u011301203/article/details/53236657

版权

前段_angularjs 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!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>

心郎

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AngularJs 模块加载-运行块

AngularJS 模块加载之运行块<!-- AngularJS模块:可以在被加载和执行之前对自身进行配置我们可以在应用加载阶段配置不同的逻辑 ##配置快: 通过config方法实现对模块的配置,AngularJS中的服务多数都对应一个provider, 用来执行与对应服务相同的功能或对其配置,比如$log、$http、$location都是内置服务，相对应的“provi
复制链接

扫一扫

专栏目录