Javascript scope error when accessing from callback

Question

Below is part of code from angularjs service. It may not a specific question to angular though.

The $http.get('/api/test/1').then ( ... returns promise and I like to process the data returned by the call back. I am getting error when accessing filter method.

Test.filter(data.Root);


TypeError: Object #<Object> has no method 'filter'

But, I could access the data variable in the same scope (previous line) though.

var testApp = angular.module('testApp.services', []);
testApp.factory('Test', function ($http, $rootScope) {
    var Test = {};
    var data = [];

    Test.filter = function (d) {
        ret = data.filter(function (el) {
            return el.Pid == d.Id;
        });
        return ret;
    };
    Test.data = function () {
        return data[1];
    };

    Test.start = function () {
        Test.asyncData = $http.get('/api/test/1')
            .then(function (response) {
                data = response;
                return Test.filter(data.Root);
            }, function (response) {
                Test.error = 'Can\'t get data';
                data = 'Error: ' + response.data;
                return data;
            });
    };

    return Test;
});

Samuel Edwin Ward · Accepted Answer · 2012-09-22 01:54:10Z

1

I think your error is coming from:

ret = data.filter(...

The data variable, which you set to the response, doesn't have a filter method.

It is probably either not of the type you think it is, or you meant to call the filter method on something else.

answered Sep 22, 2012 at 1:54

Samuel Edwin Ward

6,6953 gold badges38 silver badges63 bronze badges

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

3 Comments

bsr Over a year ago

data is an array and supports filter, and I use chrome. see link stackoverflow.com/questions/2722159/…

bsr Over a year ago

Thank you. It was indeed data.filter the exception occurs. I am not sure why though. will accept the answer, if no other explanation to this.

Samuel Edwin Ward Over a year ago

Before calling Test.filter you set data to the response passed to the $http.get callback. I believe this is a JSON object and not an array.

Collectives™ on Stack Overflow

Javascript scope error when accessing from callback

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related