Typescript Angular 2表单生成器模板

Typescript Angular 2表单生成器模板,typescript,angular,angular2-forms,angular2-formbuilder,Typescript,Angular,Angular2 Forms,Angular2 Formbuilder,我试图在HTML模板中表示表单生成器: this.form = fb.group({ HTTPMethod: [], processes: fb.group({ Process: fb.group({ id: [] }) }) 对于HTTPMethod,我是这样做的: <div class="form-group"> <label for="HTT

我试图在HTML模板中表示表单生成器:

     this.form = fb.group({
        HTTPMethod: [],

        processes: fb.group({
        Process: fb.group({
            id: []
        })
       })
对于HTTPMethod,我是这样做的:

<div class="form-group">
        <label for="HTTPMethod">Http Method</label>
        <select
            ngControl="HTTPMethod" 
            #frequency="ngForm" 
            id="HTTPMethod" 
            class="form-control" 
            required>
            <option value="3"></option>
            <option *ngFor="#HTTPMethod of HTTPMethods" value="{{ HTTPMethod.label }}">
                {{ HTTPMethod.label }}
            </option>
        </select> 
    </div>

Http方法
{{HTTPMethod.label}
但我无法表示它的过程,我遇到了错误: control.registerChange不是[Processs in]中的函数,以下是我的进程的HTML表示:

<div class="form-group">
        <label for="processes">Process List</label>
        <select
            ngControl="processes" 
            #frequency="ngForm" 
            id="processes" 
            class="form-control" required>
            <option value=""></option>
            <option *ngFor="#process of processes?.processList.list" 
            value="{{ process.id }}">
                {{ process.id }}
            </option>
        </select> 
    </div>

进程列表
{{process.id}

提前感谢各位朋友

我不确定是否是相同的错误消息,但
setTimeout
修复了Plunker中的类似错误将有助于调查。我不确定是否是相同的错误消息,但
setTimeout
修复了Plunker中的类似错误将有助于调查。