Call custom service inside directive angularJS

Question

angular.module("quickquiz-builder").service("SettingsService", function ($http, $q) {
    var self = {
        'generalSettings': [],
        'getGeneralSettings' : function(){
            var d = $q.defer();
            $http({
                url: "get.php",
                    method: "GET"
                }).then(function successCallback(resonse) {
                    var config = resonse.data.config;
                    config = JSON.parse(config).data;
                    self.generalSettings = config.settings;
                    d.resolve();
                }, function errorCallback(response) {
                    console.dir(response);
            });
            d.promise();
        }
    }
}), angular.module("quickquiz-builder").directive("quizbuilderSettings", ["SettingsService", "QuestionsService", "$filter", function (a, b, c) {
    return {
        restrict: "E",
        scope: {},
        templateUrl: "templates/settings.html",
        controllerAs: "ctrl",
        controller: ["$scope", function (c) {
            a.getGeneralSettings().then(function success(data){
                console.dir(data);
        });
        }]
    }
}])

<div ng-app="quickquiz-builder">
    <div ng-view></div>
</div>

The code does not executes. I get error 'getGeneraSettings' function not found when i call it from injected service inside directive. I am newbie in angular, any help will be a great appreciation.

doublesharp · Accepted Answer · 2019-05-13 16:27:33Z

1

The service needs to return an instance of itself.

angular.module("quickquiz-builder").service("SettingsService", function ($http, $q) {
   const self = this;
   self.foobar = function(){};
   return self;
});

answered May 13, 2019 at 16:27

doublesharp

27.9k6 gold badges56 silver badges76 bronze badges

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

1 Comment

Ghulam Akbar Over a year ago

Hi @doublesharp, your answer is good and working as expected. But I faced a different situation after this. Please see following question: stackoverflow.com/questions/56247558/… I will be grateful if you can help me..

Collectives™ on Stack Overflow

Call custom service inside directive angularJS

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related