无法访问存储的 user_id 常量

Question

我想在我的应用中调用当前用户的个人资料。为了做到这一点，我将用户存储在登录过程中。我将值 user_id 存储在我的 auth.service 中。然后我尝试在配置文件页面中获取此键值，以显示登录的用户数据。但我真的不知道如何使用这个 ID。由于我不是来自另一个页面，我无法使用 activateRoute 逻辑。我以为我只需要调用存储然后将值存储在我的information 变量中。存储 USER_ID 的 id 是一个数字，并且存储正在工作我在那里看到我的 id。如果我想在个人资料页面中调用我的 id，我会收到 patchValue is not available for type number 的错误。

auth.service.ts

export const USER_ID = 'user_id';  
...
this.user = this.helper.decodeToken(res['access']); // the user id is stored value = 1

user.service.ts

 // get a user's profile
  getUserDetails(id: number): Observable<any> {
    return this.http.get(`${this.url}/users/${id}/`);
  }

profile.page.ts

information = null; // store my data here
id: number;  // Id to get the user data from server is a number
...

ngOnInit() {

      this.storage.get(USER_ID).then(val => { // get the stored user_id 
        this.id.patchValue({ user_id: val}); // store the current userid in id
        console.log(this.id);
      });


  // Get the information from the API
  this.userService.getUserDetails(this.id).subscribe(result => { // get the user data from the server
    this.information = result;
    console.log(result);
    console.log(this.information);
    console.log(this.id);
  });
}

Answer 1

您的 auth.service 是 Singletown？

如果auth.service，在整个应用程序中没有加载，在app.module中提供，或者在Injector中带有providedIn属性，当你改变页面时，auth.service将不会被加载或者会创建另一个实例。

您可以在 app.module 中的 providers 属性中提供。

  providers: [ AuthService ]

providedIn 的例子：

@Injectable({
    providedIn: 'root'
})

那个例子是指创建一个singletown 服务。有很多方法可以解决这个问题。