How to pass $http data from Service to Controller in AngularJS

Question

AngularJS not working when I pass controller to the view

I have a problem and I can't troubleshoot it. In my simple app (very simple) I have a service that provides of users info. In angular I have an mvc which is trying to bind the info into the view.

The problem: when I pass the controller to the view, in the route directive, angular stops working in the view. I'm using a simple test {{1+1}} to verify if angular is working.

controller:

App.controller("loginController", function ($scope, usersModel) {

    $scope.users = usersModel.getUsers();

})

model

App.service("usersModel", function () {

    this.getUsers = function ($scope) {
        $http.get("http://localhost:50765/api/users");
    }});

what's the error you are seeing?

alphapilgrim
– alphapilgrim

2018-08-04 21:57:51 +00:00
Commented Aug 4, 2018 at 21:57 — alphapilgrim
– alphapilgrim, Commented Aug 4, 2018 at 21:57

georgeawg · Accepted Answer · 2018-08-04 22:01:08Z

2

The service should inject the $http service and return the promise that it returns

App.service("usersModel", function ($http) {

    this.getUsers = function () {
        return $http.get("http://localhost:50765/api/users");
    }
});

And extract the data from the promise:

App.controller("loginController", function ($scope, usersModel) {

    var promise = usersModel.getUsers();
    promise.then(function(response) {
        $scope.users = response.data;
    });

})

answered Aug 4, 2018 at 22:01

georgeawg

49k13 gold badges78 silver badges98 bronze badges

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

Collectives™ on Stack Overflow

How to pass $http data from Service to Controller in AngularJS

AngularJS not working when I pass controller to the view

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

AngularJS not working when I pass controller to the view

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related