依赖注入是一个在组件中给出的替代了硬的组件内的编码它们的依赖关系的软件设计模式。这减轻一个组成部分,从定位的依赖,依赖配置。这有助于使组件可重用,维护和测试。
AngularJS提供了一个至高无上的依赖注入机制。它提供了一个可注入彼此依赖下列核心组件。
- 值
- 工厂
- 服务
- 提供者
- 常值
服务注入
目的是不同的控制层都可以重复调用服务层方法。将代码分离出来,以便调用。
//创建一个名称为品牌(brandService)的服务,将$http服务引入,该服务提供1个方法,并返回一个结果对象
app.service('brandService', function($http) {
// 通过id查询品牌的服务方法
this.selectOne = function(id) {
return $http.get("/brand/findOne?id= " + id);
}
})
将定义好的服务注入到控制器中
//将定义好的服务注入到控制器中
app.controller('brandController', function($scope, $controller) {
// 通过id查询品牌的方法
$scope.selectOne = function(id) {
//这里调用了服务通过id查询的服务方法,从后台获取结果数据
brandService.selectOne(id).success(function(data) {
$scope.entity = data;
})
}
})