2017-02-21 42 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