将数据从 ng-template 传递到它的父组件 Angular 4答案

【问题标题】：Pass data from ng-template to it's parent component Angular 4将数据从 ng-template 传递到它的父组件 Angular 4
【发布时间】：2017-08-22 15:24:32
【问题描述】：

我有一个父组件，它的子组件是 ng-template。这让我可以动态地将不同的组件注入到 ng-template 中。现在，我需要将数据从正在注入 ng-template 的组件传递到父组件。在没有 ng-template 的正常情况下，我会使用 Event Emitter。但是，我认为 ng-template 不支持这一点。

将数据从 ng-template 传递到其父级的最佳方式是什么？

下面是父组件的代码：

<div id="modal">
  <div class="modal-body">
   <div class="close-button uw-icon-close-x" (click)="closeModal()" >
</div>
    <ng-template #modalAnchor></ng-template>
  </div>
</div>

【问题讨论】：

您可以使用@ViewChild 从父级访问ng-template 数据。

标签： angular

【解决方案1】：

您可以使用服务在组件之间进行通信。

【讨论】：