将Array FormBuilder绑定到模板

时间:2016-06-24 11:55:46

标签: typescript angular

我在模板上代表我的Formbuilder数组时出现问题:

this.form = fb.group({
    label: [],
    actionType: [],
    description: [],
    HTTPMethod: [],
    resourcePattern: [],
    status: [],
    parameters: fb.array([     // =====> that's what i want to represent
        fb.group({
            Parameter: fb.group({
                label: [],
                description: [],
                mandatory: [],
                parameterType: [],
                dataType: [],
                requestType: [],
                processParameterIdentifier: []
            })
        })
    ])
});

我在我的模板上代表它:

<fieldset ngControlGroup="parameters">
    <div ngControlGroup="">
        <div *ngIf = "filtred" class="form-group" ngControlGroup="Parameter">
            <!--  <label>Paramètres</label> -->
            <div class="form-group" *ngFor="#parametre of processListe?.Process?.parameters, #i = index">
                <h2>Action Parametre n° {{ i+1 }}</h2>
                <label>label</label>
                <input class="form-control" ngControl="label" type="text" value="{{ parametre?.Parameter?.label }}" />
                <label>description</label>
                <input class="form-control" ngControl="description" type="text" value="{{ parametre?.Parameter?.description }}" />
                <label>parameterType</label>
                <input class="form-control" ngControl="mandatory" type="text" value="{{ parametre?.Parameter?.parameterType }}" />
                <label>mandatory</label>
                <input class="form-control" ngControl="parameterType" type="text" value="{{ parametre?.Parameter?.mandatory }}" />
                <label>dataType</label>
                <input class="form-control" ngControl="dataType" type="text" value="{{ parametre?.Parameter?.dataType }}" />
                <label>dataType</label>
                <input class="form-control" ngControl="requestType" type="text" value="{{ parametre?.Parameter?.requestType }}" />
                <label>processParameterIdentifier</label>
                <input class="form-control" ngControl="processParameterIdentifier" type="text" value="{{ parametre?.Parameter?.identifier }}" />
            </div>
        </div>
    </div>
</fieldset>

我将参数ngControlGroup包装在一个空白的ngControlGroup中,然后用于hte formBuilder数组(参数)并将其包装在一个ngControlGroup中,这里是我正在获取的错误:

  

异常:找不到控制'参数 - &gt; '在[in]

0 个答案:

没有答案