angular - Angular - ng-content のテンプレート リファレンス

Question

Angular アプリの入力の周りに動的コンテンツをレンダリングする必要があります。

私のアイデアは、カスタム コンポーネントを作成し、それを使用ng-contentして動作をその入力にバインドすることでした。そのようです：

<my-wrapper>
    <input type="text" otherAttributes...>
</my-wrapper>

そして、私のラッパーは以下のようなものになります。

HTML:

<span>
    <ng-content #myRef></ng-content>
    <button (click)="perform(myRef)">Click me!</button>
</span>

そして .ts 関数:

perform(myRef: HTMLIntpuElement) {
    myRef.value = 'something else';
}

今、私はそれng-contentが実際には存在しないことを知っており、そのコンテンツは複数の要素である可能性があるため、実際には参照を配置できないことを知っていますが、使用する代わりに「角度のある方法」でアクセスする方法はありますか?ブルートフォース、つまりネイティブ要素？