0

オブジェクトの配列を ([ngModel]) でバインドしようとしていますが、その例を教えてください。

私は自分のフォームにバインドしたいパラメーターの配列を持っています。ここに構造があります:

 class Parameter {
    label: string;
    description: string;
    mandatory: string;
    parameterType: string;
    dataType: string;
    requestType: string;
    processParameterIdentifier: string;

私がやろうとしているのは、配列に存在する別のオブジェクトの値を編集することです。正確に行う方法はわかりません。これは単一のオブジェクトのテンプレートです:しかし、の場合の方法配列?

<div *ngIf = "filtred" class="form-group" ngControl ="parameters" >

                    <label>Paramètres</label>

                    <div class="form-group" ngControlGroup="Parameter" 
                    *ngFor="let parametre of processListe?.Process?.parameters,
                    let i = index">

                        <h2>Param {{ i+1 }}</h2>



                        <label>label</label>
                        <input class="form-control" type="text" ngControl="label" value="{{ parametre?.Parameter?.label }}" />
                       <div class="alert alert-info">
                       <strong>Default :</strong> {{ parametre?.Parameter?.label }}.
                       </div>


                        <label>description</label>
                        <input class="form-control" type="text" ngControl="description" value="{{ parametre?.Parameter?.description }}" />
                       <div class="alert alert-info">
                       <strong>Default :</strong> {{ parametre?.Parameter?.description }}.
                       </div>

                        <label>parameterType</label>
                        <input class="form-control" type="text" ngControl="parameterType" value="{{ parametre?.Parameter?.parameterType }}" />
                       <div class="alert alert-info">
                       <strong>Default :</strong> {{ parametre?.Parameter?.parameterType }}.
                       </div>

                        <label>mandatory</label>
                        <input class="form-control" type="text" ngControl="mandatory" value="{{ parametre?.Parameter?.mandatory }}" />
                       <div class="alert alert-info">
                       <strong>Default :</strong> {{ parametre?.Parameter?.mandatory }}.
                       </div>

                        <label>dataType</label>
                        <input class="form-control" type="text" ngControl="dataType" value="{{ parametre?.Parameter?.dataType }}" />
                     <div class="alert alert-info">
                       <strong>Default :</strong> {{ parametre?.Parameter?.dataType }}.
                       </div>
4

0 に答える 0