title: Angular 6 reset select options onclick
body: <p>I am trying to reset options value when clicked on button. I was unable to find any solution. I have a component where I am using this code:</p>
  
  <pre><code> &lt;select class='select-option' required [(ngModel)]='optionSelected' (ngModelChange)="toNumber()"&gt;
        &lt;option [ngValue]="undefined" disabled  selected&gt; Please select one option &lt;/option&gt;
        &lt;option *ngFor='let option of options' [ngValue]="option"&gt;{{option}}&lt;/option&gt;
    &lt;/select&gt;
  </code></pre>
  
  <p>Inside my class I am using this code:</p>
  
  <pre><code>options = ["Bar", "Pie", "Area"];
  </code></pre>
  
  <p>To call options inside a loop. I am using this code on button event:</p>
  
  <pre><code>appendToContainer(){
    // logic 
    this.options  == null
   }
  </code></pre>
  
  <p>What should I do to make it default or null </p>