factory、service、provider

1684 단어
우리는 먼저 코드 한 단락을 통해 factory, service, provider
var myApp = angular.module('myApp', []);
/*
 * Factory
 */
myApp.factory('Factory', function() {
    return {
        sayHello: function() {
            return "Hello,  ";
        }
    };
});
/*
 * Service
 */
myApp.service('Service', function() {
    this.sayHello = function() {
        return "Hello,  ";
    };
});
/*
 * Provider
 */   
myApp.provider('Provider', function() {
    this.name = ' ';
    this.$get = function() {
        var name = this.name;
        return {
            sayHello: function() {
                return "Hello, " + name;
            }
        }
    };

    this.setName = function(name) {
        this.name = name;
    };
});
/*
 * config provider
 */        
myApp.config(function(myProvider){
    myProvider.setName(' ');
});
/*
 *  
 */
function MyCtrl($scope, Provider, Factory, Service) {
    $scope.hellos = [
        Provider.sayHello(),
        Factory.sayHello(),
        Service.sayHello()];
}
factory: factory 주입 가능한 것으로 function.factory를 사용하여 서비스를 만들 때 대상을 새로 만든 다음에 이 대상에 속성을 추가하고 마지막으로 이 대상을 되돌려주는 것과 같다.service: service 주입 가능한 구조 함수입니다.service는 단일 모드입니다.service를 사용하여 서비스를 만들 때 new 키워드를 실례화한 셈이다.따라서 this에 속성과 방법을 추가하면 서비스가 자동으로 되돌아온다this.provider는 구성 가능factory입니다.providerconfig() 함수에 주입하는 서비스를 만들 수 있는 유일한 방식이다.서비스가 시작되기 전에 모듈화된 설정을 하려면 provider 를 사용하세요.

좋은 웹페이지 즐겨찾기