Angular 4 - 在登錄成功時將數據存儲在localStorage中

Question

我有一個登錄函數，我只想在登錄有效時將數據存儲在localstorage中，但在我的情況下，即使登錄無效，它仍然存儲數據在本地存儲。

組件

onSubmit = function(formData) { 
    this._membersService.login(formData); 
    localStorage.setItem('loginSessId', formData.acct_username); 
} 

服務

login(data) { 
    return this._http.post('http://localhost/membership/main/login', data) 
    .subscribe(data => data); 
} 

Answer 1

你必須在組件認購，並有成功的這樣，只有當你能做到這一點：

組件

onSubmit = function(formData) { 
    this._membersService.login(formData).subscribe((response) => { 
    localStorage.setItem('loginSessId', formData.acct_username); 
    }, 
    (err) => console.log(err) 
); 
} 

服務

login(data) { 
    return this._http.post('http://localhost/membership/main/login', data); 
}