2017-02-21 47 views
0

在打字稿我通常有Typescript-显示加载动画在等待承诺

someFunction.then((data) => { 
    //do stuff with resolved data from promise 

}, (err) => { 
    //do stuff with error 
}); 

有时data需要一段时间才能解决这种情况下,我想显示而承诺一个微调(通用加载动画)正在解决。我怎样才能做到这一点?

+0

请阅读[问]。重要短语:“搜索和研究”和“解释......阻止你自己解决它的任何困难”。 –

+0

我看了其他问题,他们似乎都需要使用ajax调用。我使用的是AngularJS,所以我想知道在承诺解决方案中是否有办法做到这一点。 – mysticalstick

+2

这是基本的逻辑。 'showSpinner(); someFunction.then((data)=> {hideSpinner();},(err)=> {hideSpinner();});' –

回答

0

有时数据需要一段时间才能解决这种情况下,我想显示一个微调(通用加载动画),而应许resolvin

使用一个变量来跟踪它

loading = false 
someFunction.then((data) => { 
    //do stuff with resolved data from promise 
    loading = false; 
}, (err) => { 
    //do stuff with error 
    loading = false; 
}); 

如何使用此loading变量显示微调框取决于您选择的框架。由于您正在使用AngularJS,因此建议您的控制器上的属性绑定到模板中的ng-if