时间戳

首页 > 解决方案 > Angular：在组件之间共享数据

angular - Angular：在组件之间共享数据

问题描述

假设我有 3 个组件，即A、B和C。组件A在它的 HTML 中有这个：

// a.component.html
<b-component></b-component>
<c-component></c-component>

有没有办法让组件A向每个人发送数据B并C告诉他们不时更新？

顺便说一句，问题在于 Angular，而不是 AngularJS。

标签： angularcomponents

解决方案

是的，您可以按如下方式执行此操作。data_item从组件 a 将发送到组件 b。

a.component.html

<b-component [data]="data_item"></b-component>

b.component.ts

@Input()
data: any

这里的简单演示：https ://stackblitz.com/edit/angular-data-to-component?file=src/app/app.component.html

推荐阅读