javascript - 将 promise 值返回给 angular.extend() 中的变量

Question

在下面的示例中，如何将 myVar 设置为从异步服务方法返回的值

angular.extend(this, {
    myVar: (function() {
        getVal();
    })()
});

function getVal() {
    var d = $q.defer();
    MyFactory.Get()
        .then(function (resp) {
            d.resolve(resp.data);
        });
    return d.promise; // myVar should equal resp.data
};

我认为我对 promise /延期缺乏理解，所以建议会很好。

Answer 1

由于 myVar 是一个变量，您可以从 Controller 中的任何位置设置它。在初始化中，您可以将其分配给后备值或将其设置为未定义。并在异步调用成功后进行设置。

angular.extend(vm, {
    myVar: 'fallback'
});

或者:

angular.extend(vm, {
});

然后:在 Controller 中:

getVar();
function getVar() {
    getVal().then(function(data){
        vm.myVar = data;
    });
}

function getVal() {
    var d = $q.defer();
    MyFactory.Get()
        .then(function (resp) {
            d.resolve(resp.data);
        });
    return d.promise; // myVar should equal resp.data
};

或者更有效:

getVal();

function getVal() {
    MyFactory.Get()
        .then(function (resp) {
            vm.myVar = resp.data;
        });
};

将 this 更改为 vm，以消除与 this 关键字可能引发的冲突。