如何在Angular 4中显示没有http服务调用的微调器

时间:2018-08-02 00:20:01

标签: angular promise spinner

在我的有角度的应用程序中,我想返回一个可观察到的或订阅或承诺而不进行http调用。 虽然该函数返回了其中任何一个,但我需要显示一个微调器。我尝试了以下方法,但是没有运气。 我无法在this.busy1中看到微调器,但可以在this.busy中看到微调器。 this.component.processFunc()和this.processData()都可以组成一个承诺。 但是执行应该是 第一步:this.component.processFunc() 步骤2:this.processData()

TS.FILE

 busy: Promise<any>;
busy1: Promise<any>;
 @ViewChild('component') ComponentView;
              this.busy1 = this.asyncPromiseViewtest().then(data => {
                 //do some stuff
              });

                asyncPromiseViewtest() {
    return new Promise((resolve, reject) => {
        resolve(this.component.processFunc());
    });
  }

this.busy = this.asyncPromise().then(data => { //do some stuff }); 
asyncPromise() { return new Promise((resolve, reject) => {
 resolve(this.processData()); 
}); 

processData() { 
//no promise return //do some logic }

HTML:
  <div [ngBusy]="{busy: [busy, busy1], backdrop: true, delay: 200, minDuration: 600}">

0 个答案:

没有答案