title: how to bind an Array of Objects on Angular 2
body: <p>I'm trying to bind an Array of Object with ([ngModel]) can anyone provide me an exemple to do that please ?</p>
  
  <p>i have an Array of Parameters that i want to bind it  to my form here is the structure : </p>
  
  <pre><code> class Parameter {
      label: string;
      description: string;
      mandatory: string;
      parameterType: string;
      dataType: string;
      requestType: string;
      processParameterIdentifier: string;
  </code></pre>
  
  <p>so what i'm trying to do is to edit the values of the different object present on the array, i don't know how to do it exactly, this is the template of a single object : but how to it in the case of the array ?   </p>
  
  <pre><code>&lt;div *ngIf = "filtred" class="form-group" ngControl ="parameters" &gt;
  
                      &lt;label&gt;Paramètres&lt;/label&gt;
  
                      &lt;div class="form-group" ngControlGroup="Parameter" 
                      *ngFor="let parametre of processListe?.Process?.parameters,
                      let i = index"&gt;
  
                          &lt;h2&gt;Param {{ i+1 }}&lt;/h2&gt;
  
  
  
                          &lt;label&gt;label&lt;/label&gt;
                          &lt;input class="form-control" type="text" ngControl="label" value="{{ parametre?.Parameter?.label }}" /&gt;
                         &lt;div class="alert alert-info"&gt;
                         &lt;strong&gt;Default :&lt;/strong&gt; {{ parametre?.Parameter?.label }}.
                         &lt;/div&gt;
  
  
                          &lt;label&gt;description&lt;/label&gt;
                          &lt;input class="form-control" type="text" ngControl="description" value="{{ parametre?.Parameter?.description }}" /&gt;
                         &lt;div class="alert alert-info"&gt;
                         &lt;strong&gt;Default :&lt;/strong&gt; {{ parametre?.Parameter?.description }}.
                         &lt;/div&gt;
  
                          &lt;label&gt;parameterType&lt;/label&gt;
                          &lt;input class="form-control" type="text" ngControl="parameterType" value="{{ parametre?.Parameter?.parameterType }}" /&gt;
                         &lt;div class="alert alert-info"&gt;
                         &lt;strong&gt;Default :&lt;/strong&gt; {{ parametre?.Parameter?.parameterType }}.
                         &lt;/div&gt;
  
                          &lt;label&gt;mandatory&lt;/label&gt;
                          &lt;input class="form-control" type="text" ngControl="mandatory" value="{{ parametre?.Parameter?.mandatory }}" /&gt;
                         &lt;div class="alert alert-info"&gt;
                         &lt;strong&gt;Default :&lt;/strong&gt; {{ parametre?.Parameter?.mandatory }}.
                         &lt;/div&gt;
  
                          &lt;label&gt;dataType&lt;/label&gt;
                          &lt;input class="form-control" type="text" ngControl="dataType" value="{{ parametre?.Parameter?.dataType }}" /&gt;
                       &lt;div class="alert alert-info"&gt;
                         &lt;strong&gt;Default :&lt;/strong&gt; {{ parametre?.Parameter?.dataType }}.
                         &lt;/div&gt;
  </code></pre>