首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何将变量从一个组件传递到同一级别的另一个组件?

如何将变量从一个组件传递到同一级别的另一个组件?
EN

Stack Overflow用户
提问于 2019-05-28 07:34:03
回答 1查看 55关注 0票数 2

如何将变量从一个组件传递到同一级别的另一个组件?在Auth组件服务中有user变量

@Injectable({
  providedIn: 'root'
})
export class AuthService {
  private user: string = null;

  getUser() {
    return this.user;
  }

  setUser(username) {
    sessionStorage.setItem('username', username);
    this.user = sessionStorage.getItem('username');
    console.log('VAMOS!!!', this.user);
  }
}

在第一个组件中,我注入了它,如果我获得了user变量的值,那么当用户进行身份验证时,我会用this.router.navigate (['/ meet'])重定向它,也就是说,我会可视化下一个组件。

在下一个名为list-user的组件中,我在getUser ()中获得了null

async ngOnInit() {
  console.log('HOY', this.authService.getUser());
} 
EN

回答 1

Stack Overflow用户

发布于 2019-05-28 07:49:39

当您重定向到“/meet”时,Authservice组件将从DOM中删除。

这就是它提供null的原因。

为什么不在当前组件中使用sessionStorage.getItem?

async ngOnInit() {

    console.log('HOY',sessionStorage.getItem('username'));
}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56333442

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档