我必须获取当前用户ID才能在我的应用程序的不同部分使用它.
login.component.ts：
onSignin(form: NgForm){
const UserName = form.value.UserName;
const Password = form.value.Password;
this.authService.signinUser(UserName,Password).map(res => res.json())
.subscribe(
data => {
if (data.Id == 0){
this.invalid=true;
}
else{
localStorage.setItem('isLoggedin','true');
this.router.navigate(['/calendar']);
console.log('Ok');
}})}
auth.service.ts：
signinUser(UserName,Password): Observable<any>{
return this.http.get('http://api.##.com/api/security/signin?username='+UserName+'&password='+Password);
}
解决方法
您可以从包含id的后端传递令牌,也可以使用redux store,它将id存储在前端供应用程序使用.以下是ng2 Redux包的角度链接.
https://www.npmjs.com/package/ng2-redux
还有一个选项可以将它保存到本地存储,但我不会喜欢它.或者
您可以使用会话存储将数据保存在前端,如下所示
https://www.npmjs.com/package/ng2-redux
还有一个选项可以将它保存到本地存储,但我不会喜欢它.或者
您可以使用会话存储将数据保存在前端,如下所示
sessionStorage.setItem('id',data.id);
retrieving from the session//
var data = sessionStorage.getItem('id');
console.log(data) to see the id in the console
