current community

your communities

more stack exchange communities

Stack Exchange
tour help
stack overflow careers
Take the 2-minute tour ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 0 down vote favorite
1

is there anyway to call angular service using string variable

$scope.serviceList=["yearDetails","monthDetails","dayDetails"];

//controller
$scope.getDetails=function(type,index){

    if(type==$scope.serviceList[index]){

    // if i will call like this yearDetails.query(function(data){}); it is working
    //here i am getting "yearDetails"
     $scope.serviceList[index].query(function(data){
            console.log(data);
     });
    }
}

//service
.factory('yearDetails', function($resource){
           return $resource('/getyearDetails', {}, {
               query: { method:'POST', params:{}, isArray:false }
   });
})
.factory('monthDetails', function($resource){
           return $resource('/getmonthDetails', {}, {
               query: { method:'POST', params:{}, isArray:false }
   });
})
.factory('dayDetails', function($resource){
           return $resource('/getdayDetails', {}, {
               query: { method:'POST', params:{}, isArray:false }
   });
})
share|improve this question
    
Your conditional is performing an assignment as opposed to a comparison (if(type=$scope.serviceList[index]) vs. if(type == $scope.serviceList[index])). Is that intentional? –  André Dion Aug 16 '13 at 11:45
    
Perhaps a better question is why are you trying to do this? How are you attempting to use getDetails()? –  André Dion Aug 16 '13 at 11:52
    
my type data is coming from backend its not fixed. if i will get deferment service list based on the condition i have to call the service –  Francis Stalin Aug 16 '13 at 12:11

3 Answers 3

up vote 2 down vote

To answer your question directly that how to get angularJS service by its string. 

// inject $injector to your controller
var yourService = $injector.get('YourServiceName');

But still, don't complicate things like @Mark has said in his answer :)

share|improve this answer
up vote 0 down vote 
$scope.serviceList=["yearDetails","monthDetails","dayDetails"];

//controller
$scope.getDetails=function(type,index){

    if(type==$scope.serviceList[index]){

     //now i can able to call my service through injector in angular
     var $inj = angular.element('html').injector();
     var serv = $inj.get($scope.serviceList[index]);
     serv.query(function(data){
            console.log(data);
     });
    }
}

//service
.factory('yearDetails', function($resource){
           return $resource('/getyearDetails', {}, {
               query: { method:'POST', params:{}, isArray:false }
   });
})
.factory('monthDetails', function($resource){
           return $resource('/getmonthDetails', {}, {
               query: { method:'POST', params:{}, isArray:false }
   });
})
.factory('dayDetails', function($resource){
           return $resource('/getdayDetails', {}, {
               query: { method:'POST', params:{}, isArray:false }
   });
})
share|improve this answer
up vote 6 down vote

I think you might be over complicating things, keep things simple.

Create a detailsService that contains all methods you require.

.factory('detailsService', function ($resource) {
        return {
            yearDetails: $resource('/getyearDetails', {}, {
                query: {
                    method: 'POST',
                    params: {},
                    isArray: false
                }
            }),
            monthDetails: $resource('/getmonthDetails', {}, {
                query: {
                    method: 'POST',
                    params: {},
                    isArray: false
                }
            }),
            dayDetails: $resource('/getdayDetails', {}, {
                query: {
                    method: 'POST',
                    params: {},
                    isArray: false
                }
            })
        });

And in your controller you can access the method by key

$scope.getDetails=function(type,index){

    detailsService[type].query(function(data){
            console.log(data);
     });
}
share|improve this answer
    
Perfect! Seems like the right thing to do! +1 –  CodeHater Aug 16 '13 at 13:04

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.