title: How do you set the first option as default in Angular 6
body: <p>Using the <code>ngFor</code> directive in a <code>&lt;select&gt;</code> <code>&lt;option&gt;</code>, I'd like to use the first option in a list as the default one if the <code>ngModel</code> is not populated. The Angular &lt;=4 solutions I find (like using <code>[selected]</code>) apparently no longer work.</p>
  
  <p>Here's the code:</p>
  
  <pre><code>&lt;select [(ngModel)]="favoriteSnack"&gt;
    &lt;option *ngFor="let snack of opts" [value]="snack"&gt;{{snack}}&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>