javascript - 如何使用 Angular promise 作为字符串的一部分

Question

我正在寻找有关处理 promise 和字符串创建的通用解决方案。基本上是时间问题。该代码不是实际的代码，但说明了我的问题和我尝试的解决方案。

我有两个 json 对象需要组合。其中一个或两个对象可能具有需要来自 API 的某些信息的值。此信息用于创建一个标签，显示哪两个对象已组合。

具有已定义标签的对象(无需查找):

var object1 = {
    type: "some.type",
    distribution: 50,
    label: "Male"
}

具有动态标签的对象(以及通过服务 $http 请求获取标签的伪代码):

var object2 = {
    type: "some.type",
    distribution: 50,
    value: "68"
}

// call service to get the data to populate the label
myService.getDynamicObjectData("68").then(function(response){
    // should be "Alaska"
    object2.label = response.data.label; 
});

所需的组合:

var combinedObj = {
    type: "some.type.combined",
    distribution: 25,
    // ideally label would be "Male > Alaska"
    label: object1.label + " > " + object2.label
    values: [object1, object2]
}

我的问题是，直到创建组合对象(特别是标签字符串)之后才填充 object2.label。在 View 中，我看到“男性>未定义”。我已经设法达到“男性> 68”，但这并没有真正的帮助。当我不组合对象时，一旦 promise 得到解决，标签就会更新，并且“阿拉斯加”和“男性”显示为两个唯一条目没有问题。当我组合并从两个标签创建字符串时，它发生得太快了。

object1和object2是在一个处理读取数据并创建这些类型的对象供内部使用的服务中创建的，然后这个组合代码在另一个处理此类数据嵌套的服务中；所以我不能真正使用观察者来更新该值。

我尝试将标签设置为 promise ，希望它能起作用，但它不起作用:

var promise = myService.getDynamicObjectData("68").then(function(response){
    // should be "Alaska"
    object2.label = response.data.label; 
});

var object2 = {
    type: "some.type",
    distribution: 50,
    value: "68",
    label: promise
}

标签只是一个内部有 {then(), catch(), finally()} 的对象。即使 then() 返回正确的值，我也无法找到获取实际返回值的方法。

我尝试使用数组和过滤器，这样直到最后一刻我才真正创建字符串，这意味着由于字符串不是“真实的”，所以它应该像模型最终一样工作更新(就像单独显示对象时一样):

var combined = {
    type: "some.type.combined",
    distribution: 25,
    label: [object1.label, object2.label]
    values: [object1, object2]
}

module.filter('labelFilter', function(){
    return function(input){
        if(angular.isArray(input)){
            // but input[1].label is a promise object, how do I get the resolved value?
            return input[0].label + " > " + input[1].label 
        }
        return input;
    }
});

因此，我向社区求助，看看我能在这里做些什么。如何创建一个字符串，其中该字符串的一部分基于 promise 的结果？我想如果我使用 $resource，我就可以设置 label: labelResource，并且 labelResource 最终会解析为我想要的实际数据(甚至我想要的数据的父对象也会有帮助)。不幸的是，还有其他逻辑对于 $resource 来说太复杂了，所以如果不进行一些重构我就无法使用它。我希望能够将标签设置为 $q.deferred.result 之类的内容并让一切顺利完成(即使我仍然需要过滤器)。

无论如何，感谢您的浏览!

Answer 1

你可以用 Promise 和 $q 来做到这一点

https://docs.angularjs.org/api/ng/service/ $q 转到页面底部，您可以在其中找到 $q.all ，这基本上是您问题的解决方案，当所有 promise 都得到解决时，您可以调用函数来连接字符串(标签)