【问题标题】:Angular 2 pass data between 2 components on view changeAngular 2在视图更改时在2个组件之间传递数据
【发布时间】:2017-09-21 02:05:21
【问题描述】:

我是 Angular 2 的新手,想知道当用户从一个视图切换到另一个视图时,哪种方式是在 2 个组件之间传递数据的最佳方式。

更详细地说,我有 2 个组件:登录和主页。当用户在登录表单中输入用户名并点击提交时,用户名应该被提交到主页组件并应该存储在本地,以便用户刷新页面时仍然显示用户名。

【问题讨论】:

  • angular.io/docs/ts/latest/cookbook/component-communication.html 共享服务将是可行的方法,因为我认为这些是同一级别的组件?
  • 是同级组件
  • 您分享的链接有父子组合
  • 是的,但是想法是一样的,共享服务:) 你不能像Input那样使用另一个,因为你的组件是同级别的组件。

标签: angular angular-ui-router


【解决方案1】:

两个组件之间的通信可以通过以下几种方式完成:

  1. 通过输入/输出绑定

  2. 通过服务

  3. 通过事件发射器

请参考官方 Angular 文档: https://angular.io/docs/ts/latest/cookbook/component-communication.html

【讨论】:

    猜你喜欢
    • 2017-08-12
    • 2018-02-22
    • 2016-07-20
    • 2016-03-24
    • 1970-01-01
    • 1970-01-01
    • 2017-01-12
    • 2017-10-18
    相关资源
    最近更新 更多