title: Angular 8 : Set default selected value for select tag
body: <p>I want to set a default option value for select tag, the values are declared as table in my component and showed with ngFor directive : </p>
  
  <pre><code>&lt;form&gt;
      &lt;div class="form-group col-4"&gt;
        &lt;span class="badge badge-theme mb-3"&gt;Quantité&lt;/span&gt;
        &lt;select class="form-control" id="exampleFormControlSelect1"&gt;
          &lt;option *ngFor="let quantity of Quantities" [ngValue]="quantity"&gt;{{quantity}}&lt;/option&gt;
        &lt;/select&gt;
      &lt;/div&gt;
      &lt;div class="form-group col-4"&gt;
        &lt;span class="badge badge-theme mb-3"&gt;Message personnalisé&lt;/span&gt;
        &lt;textarea class="form-control" id="exampleFormControlTextarea1" rows="3"&gt;&lt;/textarea&gt;
      &lt;/div&gt;
    &lt;/form&gt;
  </code></pre>
  
  <p><strong>components.ts</strong></p>
  
  <pre><code>  Quantities = Array(50).fill(0).map((x,i)=&gt;i);
  </code></pre>