title: ngModel is not working in select options inside a for loop
body: <p>I am trying to add options in a html select inside a for loop. To get the selected option i am using [(ngModel)] but by default no option is selected. </p>
  
  <p>Sample Code:</p>
  
  <pre><code>&lt;table align="center"&gt;
      &lt;tr *ngFor="let d of data; let i = index"&gt;
          &lt;td&gt;
            &lt;select id="status" [(ngModel)]="d.status" name="d.status" (change)="onStatusChange(i, d.id)"&gt;
              &lt;option *ngFor="let o of statusArray" [ngValue]="o"&gt;{{o.name}}&lt;/option&gt;
            &lt;/select&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>This is the component that I am using:</p>
  
  <pre><code>export class AboutComponent implements OnInit {
      statusArray;
      data;
  
    constructor() { }
  
    ngOnInit() {
      this.statusArray = [
          {
              "id": 1,
              "name": "Testing"
          },
          {
              "id": 2,
              "name": "Free Trial"
          },
          {
              "id": 3,
              "name": "Active/Paying"
          }
      ];
  
      this.data = [
          {
              "id": 2,
              "status": {
                  "id": 1,
                  "name": "Testing"
              },
              "new": false
          },
          {
              "id": 3,
              "status": {
                  "id": 1,
                  "name": "Testing"
              },
              "new": false
          },
          {
              "id": 4,
              "status": {
                  "id": 2,
                  "name": "Free Trial"
              },
              "new": false
          }
      ];
    }
  
  }
  </code></pre>
  
  <p>Output : </p>
  
  <p>Here in the output i am getting the options in the list but default value is not selected:</p>
  
  <p><a href="https://i.stack.imgur.com/3Y7UQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3Y7UQ.png" alt="image"></a></p>