ngTemplateOutlet-Angular 5嵌套模板驱动的表单

Question

我有一个ng模板，它是从我的一个组件传递来的，我还有一个占位符来接受传递到我的组件上的ng模板，如下ngTemplateOutlet中所示。

<div>
<form novalidate #myForm="ngForm">
<ng-container>
<ng-template [ngTemplateOutlet]="myTemplate">
</ng-template>
</ng-container>
</form>
</div>
<!-- this template i am passing it from one of my other components -->
<ng-template #myTemplate>
<input type="text" name="myInput" placeholder="Input"
[(ngModel)]="inputModel" required/>
</ng-template>

这里的问题是，我的表单("myForm"(忽略了传递的ng模板事件，尽管它被标记为必需。我如何确保我的ngForm考虑了传递的ng模板

Answer 1

我找到了答案及其非常简单的

请移动您的代码。。。在您的表单标签内

<div>
<form novalidate #myForm="ngForm">
<ng-container>
<ng-template [ngTemplateOutlet]="myTemplate">
</ng-template>
</ng-container>
</div>
<!-- this template i am passing it from one of my other components -->
<ng-template #myTemplate>
<input type="text" name="myInput" placeholder="Input"
[(ngModel)]="inputModel" required/>
</ng-template>
**</form>**