title: Using [(ngModel)] 2 way data binding with ngFor , array doesn't update the values of the rows
body: <p>I have built this form:
  <a href="https://i.stack.imgur.com/9ulvb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9ulvb.png" alt="enter image description here"></a></p>
  
  <p>Here's the html code:  </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;table class="table table-hover table-bordered table-striped table-highlight"&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th *ngFor="let cell of tableData2.headerRow"&gt;{{ cell }}&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr *ngFor="let row of tableData2.dataRows"&gt;
        &lt;td *ngFor="let cell of row"&gt;
          &lt;input type="text" class="form-control border-input" [(ngModel)]="cell" name="cell" /&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Here's the relevant typescript code:  </p>
  
  <pre class="lang-js prettyprint-override"><code>declare interface TableData {
    headerRow: string[];
    dataRows: string[][];
  }
  public tableData2: TableData;
  this.tableData2 = {
    headerRow: ['Version', 'Approbateur(nom+fonction)', 'Principales remarques', 'Date d\'approbation'],
    dataRows: [
      ['ahmed', '', '', ''],
      ['', '', '', ''],
      ['', '', '', ''],
      ['', '', '', ''],
      ['', '', '', ''],
      ['', '', '', ''],
      ['', '', '', ''],
    ]
  };
  </code></pre>
  
  <p>As you may have noticed, the two-way data binding works in "one direction", the value "ahmed" does get displayed.<br>
  However, when I change the value of an input in a table like this:<br>
  <a href="https://i.stack.imgur.com/2HZtx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2HZtx.png" alt="enter image description here"></a>
  And then I consoleLog the tableData2 variable:<br>
  <a href="https://i.stack.imgur.com/wv5BB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wv5BB.png" alt="enter image description here"></a>
  As you may notice, the new value SAM doesn't get updated in the tabledata variable. I.e, the two-way data-binding doesn't work and I cannot retrieve the values from the table.<br>
  What did I do wrong? </p>