ngx-spinner不在订阅之外工作。

Question

下面是我试图在ngOnInit()中执行的代码。

ngOnInit() {
    this.spinner.show('full_settings');
    this.settings_api.get_all_settings().subscribe(response => {    
        console.log(response);
    }, error => {
        console.log('error');
    });
}

在执行此代码时，将不会显示spinner。也没有任何控制台错误。因此，我尝试将spinner.show()放在订阅中。效果很好。

ngOnInit() {
    this.settings_api.get_all_settings().subscribe(response => {    
        this.spinner.show('full_settings');
        console.log(response);
    }, error => {
        console.log('error');
    });
}

我希望它能在订阅之外运行。我发现了同样的问题，here，但解决方案在那里说，不适合我。

Answer 1

请检查下面的代码。我想稍微暂停一下就能解决这个问题。

ngOnInit() {
    setTimeout(() => { this.spinner.show('full_settings'); }, 30);
    this.settings_api.get_all_settings().subscribe(response => {
        console.log(response);
    }, error => {
        console.log('error');
    });
}