下一行应该只在上面一行完全执行时执行，请记住函数在 html 中被调用

Question

my.component.html

    <button (click)="refresh()">Refresh</button>

my.component.ts

    refresh() {
        let self = this;
        self.isRefresh = true; //1 ST TYM
        self.getfun();
        self.isRefresh = false; //2ND TYM
    }

我想要那个：

当self.getfun();此功能完全执行然后只执行 self.isRefresh = 假； //第二个TYM

请告诉我最好的专业方法！

我不想更改 getfun() 因为我正在处理 angular 它是异步的

Answer 1

如果您使用 Observables，请检查以下代码段

getFun(){
    return new Observable((observer)=> {
      //getFun method code goes here 
      observer.complete()
    })
  }

  refresh() {
    let self = this;
    self.isRefresh = true; //1 ST TYM
    this.getFun().subscribe({ complete: () => {
       self.isRefresh = false; //2ND TYM
    }});
  }

下一行应该只在上面一行完全执行时执行，请记住函数在 html 中被调用

next line should only execute when line above is completely executed do remember that function is called in html

javascript

callback

typescript

angular