Question

我遇到一些问题，让下面的函数作为可用的字符串返回？

我的代码是：

app.factory('Urls', ['$http', function($http) {
    var urls = {};
    urls.getUrls = function () {
        return  $http.get('json/dataUrls.json'); 
    }
    return urls
}]);

app.factory('Emails', ['$http', 'Urls', function($http, Urls) {

    var dataUrl = Urls.getUrls().then(function(response) {
        return response.data.emails;
    });
    console.log(dataUrl);

    var query = {};
    query.getItems = function() {
        return  $http.get('json/emails.json');  
    };
    return query;
}]);

下面是console.log(dataUrl);的结果我想要的是值字符串......

f {$$state: {…}}
$$state
:
status
:
1
value
:
"json/emails.json"
__proto__
:
Object
__proto__
:
Object

Answer 1

Urls.getUrls().then(...)返回一个promise（read more about this here），一个用于保存＆＃34;引用的数据类型＆＃34;到异步获取的值。因此，在console.log上运行dataUrl将返回一个对象，而不是字符串。

要获取此值，您需要异步访问它。最好的方法是通过promise chaining：

app.factory('Urls', ['$http', function($http) {
    var urls = {};
    urls.getUrls = function () {
        return  $http.get('json/dataUrls.json'); 
    }
    return urls
}]);

app.factory('Emails', ['$http', 'Urls', function($http, Urls) {

    Urls.getUrls().then(function(response) {
        return response.data.emails;
    }).then(function(emails){
        console.log(emails);
    });

    var query = {};
    query.getItems = function() {
        return  $http.get('json/emails.json');  
    };
    return query;
}]);

Answer 2

你从var dataUrl = Urls.getUrls().then(...得到的DataUrls实际上是一个Promise，而不是一个String。我想你的意图就像是吼叫：

app.factory('Urls', ['$http', function($http) {
    var urls = {};
    urls.getUrls = function () {
        return  $http.get('json/dataUrls.json'); 
    }
    return urls
}]);

app.factory('Emails', ['$http', 'Urls', function($http, Urls) {

    var query = {};
    query.getItems = function() {
        return Urls.getUrls().then(function(response) {
            return response.data.emails;
        }).then(dataUrls => { // dataUrls here is a string, you can use it.
            return  $http.get(dataUrls); 
        });
    };
    return query;
}]);

Answer 3

app.factory('Urls', ['$http', function($http) {
    var urls = {};
    urls.getUrls = function () {
        return  $http.get('json/dataUrls.json'); 
    }
    return urls
}]);

app.factory('Emails', ['$http', 'Urls', function($http, Urls) {

    Urls.getUrls().then(function(response) {
        return response.data.emails;
    }).then(function(emails){
        console.log(emails);
    });

    var query = {};
    query.getItems = function() {
        return  $http.get('json/emails.json');  
    };
    return query;
}]);

angularjs函数返回的数组是一个对象，而不是一个字符串

3 个答案: