angular - ng-content を使用する場合、入力はフォーム検証で考慮されません

Question

次のコンポーネントがある場合 (セレクター my-template を使用):

<form #theForm="ngForm">
    <ng-content></ng-content>
</form>

次のように使用します。

<my-template>
    <input type="text" required name="firstName" [(ngModel)]="firstName"/>
</my-template>

入力が無効であっても、フォームは常に有効です。入力が無効な場合にフォームが無効になるようにするにはどうすればよいですか?

ライブデモ: https://plnkr.co/edit/lWUe6oeBk6ccsE2JxNKb?p=preview