Javascript 对象设置了一个属性，该属性是返回 promise 的函数调用

Question

这里的总体思路是，每列在初始化时都会填充其查找数据。 “条目”数据是一个异步填充的列表，它是该列可以具有的所有可能值，预先填充以避免用户实际尝试在客户端上填充该列时的任何长时间等待。

我希望当 LookupDataAsyncReturnsPromise 解析时，“entries”属性最终会填充数据列表，但是使用 Angular 模板时，entries 属性始终在屏幕上显示为 {}。我可以在控制台日志中看到每个单独的 url 调用。我怀疑我遇到了某种关闭陷阱或类似的问题。这是明智之举吗？

我知道这个 JavaScript 并不是 Angular 特有的，但它被标记为渲染 {{column.entries}} 返回 {} 的模板(这是 Angular 呈现 promise 的方式吗？)。

for(_index in response.data.data) {
    var lookup = this.lookupDataAsyncReturnsPromise(url, response.data.data[_index].name);
    var _column = {
        "name" : response.data.data[_index].name,
        "entries" : lookup
    };
    columns[_column.name] =_column;
}

Answer 1

我认为你打算做这样的事情

let promiseArray = [];
for(_index in response.data.data) {
    promiseArray.push(this.lookupDataAsyncReturnsPromise(url, response.data.data[_index].name));
}

Promise.all(promiseArray).then(function(lookups){
    let idx = 0;
    for(_index in response.data.data) {
            var _column = {
            "name" : response.data.data[_index].name,
            "entries" : lookups[idx]
        };
        idx++;
        columns[_column.name] =_column;
    }
    console.log(columns);
})