Angular 多组件双向绑定数据传输

我试图在3个组件（输入）之间传输数据，但它是“未定义的”

1: app.component
2: person.component
3: user.component

我希望user.component中的选定数据进入app.component

user.component -> Select "Mark"
person.component -> user input "Mark"
app.component -> Click Button Log "Mark"

但这是未知的。 我正在做一个案例研究。

---

在组件之间传递数据有很多方法。正如@Emilien所建议的，使用“@output”是一种选择

你也可以使用诸如

• 服务
• 可观察到的

---

Angular提供了关于这些不同类型的良好文档->

您将需要实现。但是你有两个嵌套的级别，也许你可以找到一个更好的解决方案。有了“输出”，我觉得我已经走了很长的路。我正在寻找一个更优化的答案您试图通过这3个组件绑定实现的目标是什么？另一个解决方案是通过一个服务，它将存储来自

user.ts

的数据，并在

app.components.ts

中检索它。您可以创建一个服务，并在那里声明该名称变量，在3个没有输出的组件中使用service.name（）