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