title: Angular default option selected attribute not working as expected
body: <p>I would like to select the first option from the dropdown list. However, when I set <code>[attr.selected]="index == 1"</code> or <code>[attr.selected]="index == 0"</code> its not working but if I change the index value condition to <code>[attr.selected]="index == 2"</code>, it works. Although the index starting from 0 to 2 is present.</p>
  
  <pre><code>&lt;select formControlName="segmentforOverlapOne" class="form-control overlap-segment-1"&gt;
    &lt;option [attr.selected]="index == 1" *ngFor="let segment of segmentations; let index=index;" [ngValue]="index"&gt;{{segment.name}}&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Below is the segmentations array:</p>
  
  <pre><code>[
    {
      "name": "name 1",
      "columns": [
        {
          "index": 0,
          ...
        }
      ],
    },
    {
      "name": "name 2",
      "columns": [
        {
          "index": 1,
          ...
        }
      ],
    },
    {
      "name": "name 3",
      "columns": [
        {
          "index": 2,
          ...
        }
      ]
    }
  ]
  </code></pre>