原 AnglarJS(五) 依赖注入

本文介绍了依赖注入的设计模式,特别是AngularJS中实现的依赖注入机制。文中详细解释了依赖注入如何帮助组件变得可重用、易于维护和测试,并通过一个具体的AngularJS服务注入示例来说明其实现方式。

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

   依赖注入是一个在组件中给出的替代了硬的组件内的编码它们的依赖关系的软件设计模式。这减轻一个组成部分,从定位的依赖,依赖配置。这有助于使组件可重用,维护和测试。

   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;
        })

    }

})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值