html - 如何通过 ng-content 传递数据？

Question

我的目标是在组件 2 中选择一段 HTML，它应该使用组件 1 中的数据呈现 HTML。

这是我的方法的演示伪代码：

组件 1

<div>     
  <ng-content select="[item-template]; context: { $implicit: data}"></ng-content>
</div>      

组件 2

<app-component-1>
  <ng-template item-template let-data>
     <div>{{data.prop1}}</div>
  </ng-template>
</app-component-1>

希望能很好地解释我的问题。提前致谢。