Javascript inheritance and Angular services

Question

I am trying to create a generic service class that I can use in Controllers to get data. Here is my code:

appClasses.factory('baseService', function ($http, $q) {

var apiUrl = "http://localhost:1234/services/";

// instantiate initial object
var baseService = function () {
};
baseService.prototype.execute = function (webService, method, params) {
    params = typeof params !== "undefined" ? params : {};
    var deferred = $q.defer();
    var response = $http({
        method: "post",
        dataType: "json",
        data: JSON.stringify(params),
        headers: {
            'Content-Type': "application/json; charset=utf-8",
        },
        url: apiUrl + webService + "/" + method
    });
    response.success(function (data) {
        deferred.resolve(data);
    });
    response.error(function (data) {
        alert('Error');
    });
    // Return the promise to the controller
    return deferred.promise;
};
return baseService;

}); Then in a module I use baseService to create module's specific service:

module.factory("moduleService", function (baseService) {
// create our new custom object that reuse the original object constructor
var alarmsService = function () {
    baseService.apply(this, arguments);
};
// reuse the original object prototype
moduleService.prototype = new baseService();

return moduleService;

});

Finally, here is how I use it in Controller:

module.controller('moduleController', function ($scope, moduleService) {

......

moduleService.prototype.execute("webservice_name.asmx", "webservice_method").then(result);

Everything works fine, but I am confused by a fact that I have to use a prototype to run "execute" function. Am I doing everything correctly?

Thanks

dhavalcengg · Accepted Answer · 2015-07-22 09:46:27Z

1

You can change your factory to followings.. this way no longer need to use prototype any more to call base service method .

module.factory("moduleService", function (baseService) {
// create our new custom object that reuse the original object constructor
var alarmsService = function () {
    baseService.apply(this, arguments);
};
// reuse the original object prototype
alarmsService.prototype = new baseService();

return new alarmsService();

answered Jul 22, 2015 at 9:46

dhavalcengg

4,7131 gold badge20 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mark Over a year ago

Yes, that helped. Thanks a lot.

Collectives™ on Stack Overflow

Javascript inheritance and Angular services

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related