如何使用angularjs提供程序创建服务的不同版本

时间:2019-04-22 03:55:28

标签: angularjs angularjs-service angularjs-provider

我有一个名为itemService ..的函数,它从shoppingList控制器获取项目并将其推入items数组,然后将该数组返回。

现在我需要创建2个shoppingLists,因此使用.factory我要使两个控制器获得不同版本的服务,当我通过第一个控制器推送项目时,执行此代码,第二个控制器的数组将无法获得此项目散落 现在如何使用.provider

function itemService (limit){
    let share = this;
    share.items=[];
    share.additem=function(N,Q){
        if(limit===undefined || limit>=share.items.length+1){
            let item={N,Q};
            share.items.push(item);
        }
        else {
            throw new Error("limit reached !")
        }  
    }
    share.getItems=function(){
        return share.items;
    }
}

function itemServiceFactory(){
    let factory = function(limit){
        return new itemService (limit);
    };
    return factory;
}

1 个答案:

答案 0 :(得分:0)

工厂,提供者,服务,甚至值和常量都是同一事物的版本。您可以将更一般的提供程序分解为所有提供程序。像这样: 1

  

从问题#1版本开始:

     

错误

function itemServiceProvider(){
    let provider=this;
    provider.defaults={limit:10};
    // now i need to make 2 separated version of the service
    provider.$get = function(){
        return new itemService (provider.defaults.limit);
    };
}

要将您的工厂转换为提供者:

app.provider("MyProvider", function() {
    let provider=this;
    provider.defaults={limit:10};
    provider.$get = function() {
        return function(){
            return new itemService (provider.defaults.limit);
        };
    };
    return provider;
});

用法:

app.controller("cntl", function(MyProvider) {
     var service1 = MyProvider();
     var service2 = MyProvider();
})

提供者,工厂和服务是单例。 $ get函数在应用程序的生命周期内仅被调用一次。 provider.$get函数需要返回构造新服务的 function

有关更多信息,请参见