Question

我不确定是否有人遇到过这种情况。每当我尝试在功能中使用ngx-spinner时，它均无法正常工作。但是，当我将其放入订阅的回调中时，它就可以工作了。

外部authservice。这没有显示微调器。

login() {
  this._spinner.show(); //spinner call
  this._authService.login(this.user).subscribe(
    data => {
      sessionStorage.setItem("account", JSON.stringify(data[0].data));
      sessionStorage.setItem("token", data[0].data.access_token);
      setInterval(() => {
        this._router.navigate(['home']);
      }, 2000);
    },
    error => {
    }
  )
 this._spinner.hide();
}

内部authservice。这正在工作

login() {
  this._authService.login(this.user).subscribe(
    data => {
      this._spinner.show(); //spinner call
      sessionStorage.setItem("account", JSON.stringify(data[0].data));
      sessionStorage.setItem("token", data[0].data.access_token);
      setInterval(() => {
        this._router.navigate(['home']);
      }, 2000);
    },
    error => {
    }
  )
 this._spinner.hide();
}

我已经导入了所有必需的库，但是由于某种原因，当它不在authservice之外时，它就无法工作。

Answer 1

login() {
  this._spinner.show(); //spinner call
  this._authService.login(this.user).subscribe(
    data => {
      sessionStorage.setItem("account", JSON.stringify(data[0].data));
      sessionStorage.setItem("token", data[0].data.access_token);
      setInterval(() => {
        this._router.navigate(['home']);
      }, 2000);
 this._spinner.hide();
    },
    error => {
 this._spinner.hide();
    }
  )

}

角度5-在功能中使用时不显示Ng-x微调器

1 个答案: