Angular 4以动态形式访问多个模板（ng模板）

我遵循指南来实现动态表单

我现在有了一个动态表单组件，它将表单模型和表单组作为输入：

mycomponent.html

<dynamic-form [form]="form"
              [formModel]="formModel">
</dynamic-form>

<form [formGroup]="form" (ngSubmit)="onSubmitForm()">

    <div *ngFor="let controlModel of formModel" class="form-row">
        <df-control [controlModel]="controlModel" [form]="form" [formModel]="formModel">
        </df-control>
    </div>

    <div class="form-group">
        <button type="submit">Save</button>
        <button type="button" (click)="onCancel()">Cancel</button>
    </div>
</form>

My dynamic form component在formModel和render df控件组件中循环，该控件根据表单模型中为该控件定义的设置呈现特定控件：

动态表单.component.html

<dynamic-form [form]="form"
              [formModel]="formModel">
</dynamic-form>

<form [formGroup]="form" (ngSubmit)="onSubmitForm()">

    <div *ngFor="let controlModel of formModel" class="form-row">
        <df-control [controlModel]="controlModel" [form]="form" [formModel]="formModel">
        </df-control>
    </div>

    <div class="form-group">
        <button type="submit">Save</button>
        <button type="button" (click)="onCancel()">Cancel</button>
    </div>
</form>

拯救
取消

对于我的formModel中定义的一些表单字段，我不希望它通过df控件呈现。相反，我希望能够在动态表单标记之间为此类控件指定模板。并希望在formModel中循环时呈现适当的模板

例如，如果我有一个包含6个字段的表单：

<dynamic-form [form]="form" [formModel]="formModel">
    <template [modelId]="'field3'">
        <p>my custom template for field 3</p>
    </template>
    <template [modelId]="'field5'">
        <p>my custom template for field 5</p>
    </template>
</dynamic-form>

字段3的自定义模板

字段5的自定义模板

我希望所有字段都以正常方式呈现，字段3和字段5除外。对于field3和field5，我不想渲染df控件，而是希望渲染适当的模板

i、 e.对于第三领域：

<template [modelId]="'field3'">
     <p>my custom template for field 3</p>
</template>

字段3的自定义模板

第五场：

<template [modelId]="'field5'">
     <p>my custom template for field 5</p>
</template>

字段5的自定义模板

谁能指导如何实现这一目标

我发现这似乎接近我所寻找的，但它不是很清楚

任何帮助都将不胜感激