【问题标题】:Angular 2 Data Binding between components组件之间的Angular 2数据绑定
【发布时间】:2018-07-03 21:57:39
【问题描述】:

有没有办法在两个组件之间绑定数据,假设它们使用两个相关的对象。

一个组件用于过滤,另一个用于数据结果。

当复选框被过滤时,响应、百分比和排名等数据结果可能会发生变化。

这是我的 stackblitz 供参考,请随意编辑我的代码!

stackblitz.com/edit/angular-fya5of

【问题讨论】:

标签: angular typescript rxjs


【解决方案1】:

有两种方法可以解决您的目的。

(1) 可以创建父组件(FiltersComponent) 的子组件(QuestionsComponent)。然后你通过输入/输出方法将你的复选框数据传递给子组件。

(2) 创建一个共享服务。当您在 FiltersComponent 中更改时,您必须发出数据并在 QuestionsComponent 中订阅该数据。

谢谢,

【讨论】:

  • 哪种方法更好?
  • 在第一种情况下,当我们要在子组件中传递数据时,使用输入、输出方法。第二种情况使用,当两个组件之间没有任何连接或数据从子组件传递到父组件时。 @Yzak
猜你喜欢
  • 2017-07-04
  • 1970-01-01
  • 2016-07-14
  • 2017-03-20
  • 2017-08-12
  • 1970-01-01
  • 2016-07-21
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多