title: Angular4 placeholder for a select
body: <p>I'm trying to add a placeholder to a select on Angular 4 but no way to make it works, </p>
  
  <p>Here is my code :</p>
  
  <pre><code>&lt;select name="edit" [(ngModel)]="edit"&gt;
          &lt;option [ngValue]="null" disabled [selected]="true"&gt; Please select one option &lt;/option&gt;
          &lt;option *ngFor="let select of list" [ngValue]="edit"&gt; {{ select }}&lt;/option&gt;
  &lt;/select&gt;
  
  
  export class AppComponent  {
    list: any[] = ['1', '2', '3'];
    edit: any;
  }
  </code></pre>