如何顯示加載直到下一個項目或錯誤到達observables？

Question

現在我嘗試使用observables。用戶可能會註銷並以其他用戶身份登錄，因此非常適合流式傳輸。但我如何和在哪裏實施我的this.loadingService.showLoading();和this.loadingService.hideLoading();

它不能在subscription，因爲這永遠不會完成。而this.loginService.login(credentials)也給回user$ -stream

public user$: Observable<any> = this.loginService.user$; 

this.subscription.add(this.user$.subscribe(value => { 
    this.user = value; 
}, err => { 
    console.error('error in user stream', err); 
},() => { 
    console.error('impossible') 
})); 

userLoginHandle(credentials) { 
    this.loginService.login(credentials) 
} 

Answer 1

這個是什麼？

this.subscription.add(this.user$.subscribe(value => { 
    this.loggingIn = false; 
    this.user = value; 
}, err => { 
    this.loggingIn = false; 
    console.error('error in user stream', err); 
},() => { 
    console.error('impossible') 
})); 

userLoginHandle(credentials) { 
    this.loggingIn = true; 
    this.loginService.login(credentials) 
} 

Answer 2

你可以實現一個setter用戶對象

set user(value) { 
    if(value) { 
    this.loadingService.hideLoading(); 
    } 
}