首页 > 其他 > 详细

Angular 依赖注入

时间:2016-08-05 11:25:05      阅读:224      评论:0      收藏:0      [点我收藏+]

angular 使用模块化组织方式,依赖注入的设计,这使得模块间的耦合度降低,模块更容易复用。同时支持声明式编程风格。

在angular中,一个module通常对应一个js文件,其包含config,controller,service,filter,directive。

 

angular.module(‘myApp‘, [‘ngRoute‘,‘ngResource‘])
    .config(function($httpProvider){
        $httpProvider.defaults.headers.post[‘acception/json‘];
    })
    .controller(‘myCtrl‘, function($scope, $http){
        $scope.user = [‘alice‘,‘bob‘];
    })
    .directive(‘custom‘,function(){
        return {templeteUrl:‘tpl/custom.html‘};
    })
    .filter(‘count‘,function(){
       return function(content){
          return content + "个";
       }
    })

其中myApp是模块名,ngRoute和ngResource是依赖模块

$httpProvider是配置Provider,myCtrl是controller,$http是依赖服务

custom是自定义指令

count是过滤器

 

依赖注入  

在angular中,Controller,Directive,Filter,Service都是以工厂方法的方式给出的,而工厂方法的参数名对应着该工厂方法依赖的Service。

如:

app.controller(‘myCtrl‘,function($scope,$http){
   //...
})

在上述function执行前,Angular Injector会生成一个$scope实例和$http实例,并传入该方法,如果,你希望对JS压缩处理,那么参数名就有可能发生变化。Angular Injector将不能正确地注入依赖的Service。于是,有另外一种写法:

app.controller(‘myCtrl‘,[‘$scope‘,‘$http‘,function($scope,$http){
   //...
}])

以字符串数组的形式来声明依赖数项,因为字符串常量不会被压缩。  

  

Angular 依赖注入

原文:http://www.cnblogs.com/WaTa/p/5740377.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!