Angular 使用ng内容时，表单验证中不考虑输入

给定以下组件（带有选择器my template）：

然后像这样使用它：

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

表单始终有效-即使输入无效。当输入无效时，如何使表单无效

现场演示：

---

仅出于测试目的，尝试将表单模板更改为：

<form #theForm="ngForm">
    <input type="text" required name="lastName" [(ngModel)]="lastName"/>
    <ng-content></ng-content>
</form>

您将看到，当

lastName

无效时，该表单将无效。这意味着

FormComponent

在呈现

ng内容之前处理自己的HTML元素字段。即，在呈现模板后，您必须更新
FormControl
s

有关更多信息，请阅读本主题

<form #theForm="ngForm">
    <input type="text" required name="lastName" [(ngModel)]="lastName"/>
    <ng-content></ng-content>
</form>