$scope not able to get data from factory using $http.get in Angularjs

Question

<script>
var app = angular.module('myApp', ['ngMaterial']);

app.factory('factoryProvider', function ($http, $q) {
    var facObj = {};
    facObj.getLastWorkplace = $http.get('plugins/wcf-service/ServiceProvider.svc/getLastWorkPlacesJSON')
        .then(function (response) {
            return response.data;
        });
    return facObj;
});

app.controller('dashboardController', function ($scope, factoryProvider) {

    factoryProvider.getLastWorkplace.then(function (successResponse) {
        $scope.wp = successResponse;
        console.log('inside');
        console.log($scope.wp); // Return an object that I want
    });
    console.log('outside');
    console.log($scope.wp); // $scope.wp is empty
});

The outside console log runs first, inside console log is the second. The problem is that $scope.wp can just get data in getLastWorkplace callback functions and it can not bind data to ng-model(using wp.property). How to solve it? Thanks for your reading

Ok, it works outside but $scope.wp is an $$state : Object. How can I access the data — Zeus Ken
– Zeus Ken, Commented Jun 25, 2016 at 3:41

Rob · Accepted Answer · 2016-06-25 03:25:34Z

1

You are assigning $scope.wp twice and the final assignment is the return value of your getLastWorkplace call (which you aren't returning anything.)

Change it to this...

factoryProvider.getLastWorkplace.then(function (successResponse) {
    $scope.wp = successResponse;
});

or...

$scope.wp = factoryProvider.getLastWorkplace;

but not both.

answered Jun 25, 2016 at 3:25

Rob

12.9k4 gold badges44 silver badges57 bronze badges

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

2 Comments

Zeus Ken Over a year ago

$scope.wp can recieve data that I want but It doesn still bind data to ng-model

Rob Over a year ago

Try assigning $scope.wp = {} before you call your provider. Your last console.log will still be empty though because it runs before your promise resolves. Also, if it's still not working then post your template.

Collectives™ on Stack Overflow

$scope not able to get data from factory using $http.get in Angularjs

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related