AngularJS Factory Parameter

Question

I'm trying to send a parameter to an angularjs service. Here is my service code :

angular.module('skyBiometryServices', ['ngResource'])
.factory('Facedetect', function( $resource ) {
    return $resource('skyBiometry/facedetect', {}, {
        query: {
            method : 'GET',
            params : {imageUrl: "http://cdn1-public.ladmedia.fr/var/public/storage/images/dossiers/presidentielles-2012/les-news-sur-les-presidentielles-2012/exclu-public-cauet-pour-ces-presidentielles-personne-ne-me-fait-rever-209063/2064021-1-fre-FR/Exclu-Public-Cauet-Pour-ces-presidentielles-personne-ne-me-fait-rever-!_portrait_w674.jpg"},
            isArray: false
        }
    })
});

In my controller i have this :

function IndexCtrl($scope,Facedetect) {
    $scope.text = Facedetect.query();
}

How can i send the imageurl into my services from the controller ? Something like this

function IndexCtrl($scope,Facedetect) {
    $scope.text = Facedetect.query('MY IMAGE URL');
}

In advance thanks.

score 23 · Answer 1 · answered Sep 05 '14 at 15:26

23

You can write your factory like this

app.factory('Facedetect',function($resource) {

  return {

    query: function(image_url) {
      return $resource('skyBiometry/facedetect', {}, {
             query: { method: 'GET', params: {imageUrl:image_url}, isArray: false }
      }).query();

    }
  }
});

Now in your controller you can write

function IndexCtrl($scope, Facedetect) {
  $scope.text = Facedetect.query("YOUR/IMAGE/URL");
}

answered Sep 05 '14 at 15:26

MhdAljuboori

475
4
15

1

Is there a way to NOT to write the function inline with the return object? keep it separated? – The One Mar 02 '16 at 22:43
If I understood what you mean, you can define function outside the return statement, let's name it `qfunc`, now you can do something like this `return { query: qfunc };` – MhdAljuboori Mar 03 '16 at 10:57
Yeah, but what about the parameters? – The One Mar 07 '16 at 20:53
The call still the same since you just moved the function `Facedetect.query("YOUR/IMAGE/URL")` – MhdAljuboori Mar 08 '16 at 21:10

score 14 · Answer 2 · edited May 23 '17 at 12:17

14

If i understand correctly, you want something like that:

app.factory('myFactory',function(){

  return{

    prop: '',

    setProp: function(newProp){

        this.prop = newprop;

    }
  }

});

You should watch this:

https://egghead.io/lessons/angularjs-providers

And read this:

AngularJS: Service vs provider vs factory

edited May 23 '17 at 12:17

Community

1
1

answered Mar 21 '14 at 14:56

Wottensprels

3,307
2
29
38

Yes but with using ngresources. – mcbjam Mar 21 '14 at 15:00

score 0 · Accepted Answer · edited Sep 26 '15 at 17:38

With more research i found a solution :

factory('Facedetect', function( $resource ) {
    return $resource('skyBiometry/facedetect', {}, {
        query: {
            method : 'GET',
            params : {imageUrl: "http://cdn1-public.ladmedia.fr/var/public/storage/images/dossiers/presidentielles-2012/les-news-sur-les-presidentielles-2012/exclu-public-cauet-pour-ces-presidentielles-personne-ne-me-fait-rever-209063/2064021-1-fre-FR/Exclu-Public-Cauet-Pour-ces-presidentielles-personne-ne-me-fait-rever-!_portrait_w674.jpg"},
            isArray: false
        }
    })
});


function IndexCtrl( $scope, $routeParams, Facedetect ) {
    $scope.imageurl = 'http://flepi.net/images/personne-tendue.jpg';
    $scope.text = $scope.text = Facedetect.get({imageUrl: $scope.imageurl});
}

I don't know if it's the best way but it works.

AngularJS Factory Parameter

3 Answers3

Linked