Angular 2显示相同的组件，而其他组件中的数据相同

Question

它更多的设计问题。

例如，我有一个显示数据的页面，还有一个打开模式的按钮。 需要在模式内部显示完全相同的页面，并且该模式是外部组件。

详细信息：我有一个主要组件，在里面有另一个组件，该组件通过@Input装饰器从中接收一些数据。 当我查看页面“主要组件”时，它显示了所有来自消息预览的数据。 但是，我创建了一个单独的模态组件，它是子消息预览组件，它是通过中的按钮触发的。 何

如何复制（克隆）与模态组件中的页面完全相同的页面，而又不传递数据，因为它已经在那里？

  <main-component>
     <app-message-preview [message]="selectedItem" [context]="context">
     </app-message-preview>
  </main-component>

外部组件

<modal-component>
        <app-message-preview [message]="selectedItem" [context]="context">
         </app-message-preview>
</modal-component>

Answer 1

您可以使用BehaviorSubject在服务之间进行通信。 请检查以下链接： http : //jasonwatmore.com/post/2016/12/01/angular-2-communication-between-components-with-observable-subject

https://medium.com/dailyjs/3-ways-to-communicate-between-angular-components-a1e3f3304ecb