Question

更多的设计问题。

作为一个例子，我有一个显示数据的页面，我有一个打开模态的按钮。需要在模态中显示完全相同的页面，并且此模态是外部组件。

更多细节：我有一个主要组件，在其中我有另一个组件，通过@Input装饰器从它接收一些数据。当我查看页面“main-component”时，它会显示消息预览中所需的所有数据。但是我创建了一个单独的模态组件，它是子消息预览组件，通过内部按钮触发。何

如何复制（克隆）与模态组件完全相同的页面，而不再像以前那样再次传递数据？

  <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