如何在Angular 2上绑定一个对象数组

时间:2016-07-25 07:38:20

标签: angular angular2-ngmodel

我试图用([ngModel])绑定一个Object数组,有人能为我提供一个例子吗?

我有一个参数数组,我想将它绑定到我的表单,这里是结构:

 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>

0 个答案:

没有答案