html - ng-content を介してデータを渡すには?

Question

私の目標は、コンポーネント 1 のデータで HTML をレンダリングするコンポーネント 2 の 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>

私の質問をうまく説明できたことを願っています。前もって感謝します。