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

Question

我有一個登錄功能，我只想在登錄有效時才將數據存儲在localstorage中，但就我而言，即使登錄無效，它仍將數據存儲在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);
}