在 Angular 4 + RxJs 中的组件之间传递 Observable答案

【问题标题】：Passing Observable between Component in Angular 4 + RxJs在 Angular 4 + RxJs 中的组件之间传递 Observable
【发布时间】：2018-05-10 07:49:31
【问题描述】：

我有一个代码实现，在单击按钮时我必须打开一个香草模式。在这个实现中，我必须将一个可观察的数据从主要组件传递到模式组件。谁能帮助并让我知道这是怎么回事实施的在父组件 TS 文件中，我有一个 observable：

private a = Observable.of({"abc"});
@viewChild('modalID') private modalID: modalComponent;

Modal 是在切换时打开的父 HTML 的一部分：

<my-modal #modalID> <my-modal>

模态 TS 想要从父组件访问 observable

【问题讨论】：

【解决方案1】：

在您的模式中创建一个Input 并通过投标传递它

在你的my-modal

@Input() myObservable: Observable;

然后

<my-modal [myObservable]="a" #modalID> <my-modal>

【讨论】：