AngularJS 依赖注入

houyanhua1

于 2018-04-29 18:00:35 发布

阅读量171

点赞数

分类专栏： AngularJS 文章标签： angularjs 依赖注入

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

版权

AngularJS 专栏收录该内容

30 篇文章

订阅专栏

本文介绍了一个简单的AngularJS应用实例，包括如何引入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">

	<script>
		
		var App = angular.module('App',[]);

		// '$scope'表示依赖的模块,function表示依赖注入(行内式注入)
		App.controller("DemoController",['$scope','$http',function($scope,$http) { //function中的形参可以改(顺序要对应)
			
		}]);

		// 推断式注入(function中的形参命名要根据内置模块来命名) (不建议使用,因为压缩时变量名会变短)
		App.controller("DemoController",function($scope,$http) {
			
		});
		
	</script>
</body>
</html>