ngx-spinner不适用于同步代码

Question

对异步操作(服务调用、超时)使用ngx-spinner可以很好地工作。当它用于同步代码( for循环)时，它不会显示微调。

创建了一个带有循环的stackblitz演示，并添加了停止代码执行的警报，然后编写了微调隐藏代码，但看不到微调。

 this.spinner.show();
let i;
for(i=2; i<100; i++) {
  this.numbers.push(i);
}
alert(i);
this.spinner.hide();

您可以找到代码here。

Answer 1

试试这个。

async myFunction()
{
 this.spinner.show();
 await showSpinner2();
 this.spinner.hide();
}
showSpinner2()
{
  let i;
  for(i=2; i<100; i++) {
    this.numbers.push(i);
  }
  alert(i);   
}