title: Angular 5 - selected option not shown on top of dropdown list
body: <p>I have 3 contacts which is displayed on dropdown list and an optional value "Please select contact person" as can be seen below.</p>
  
  <p><a href="https://i.stack.imgur.com/3tLfi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3tLfi.png" alt="enter image description here"></a></p>
  
  <p>However, when page loads it shows the last entry in the dropdown list. Optional value "Please select contact person" should rather be shown as default initial value when page initially loads.</p>
  
  <p>Component template for the dropdown list is setup as follows:</p>
  
  <pre><code>&lt;div class="col-lg-6" *ngIf="dealer.contacts &amp;&amp; dealer.contacts.length" &gt;
      &lt;label&gt;Contact person&lt;/label&gt;&lt;br&gt;
      &lt;select class="form-control" [ngModel]="survey.answer.contact.email" (ngModelChange)="onContactChange($event)"&gt;
          &lt;option selected [ngValue]="null"&gt;Please select contact person&lt;/option&gt;
          &lt;option *ngFor="let contact of dealer.contacts" [ngValue]="contact.email"&gt; {{contact.title}} {{contact.firstname}} {{contact.lastname}}, {{contact.role}}&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Component class method related to the ngModelChange is as shown below. Please note that $event value is email and when it is null, an empty object is sent back - please let me know if you have comments on this as well.</p>
  
  <pre><code>onContactChange(email: any){
      if (email) {
          var contact: any = this.survey.answer.contact;
          if (contact &amp;&amp; contact.email == email) {
              return;
          }
          this.survey.answer.contact = this.dealer.contacts.find((contact: any)=&gt;{
              return contact.email == email;
          });
          if(this.survey.answer.emailStatus != '') {
              this.survey.answer.emailStatus = '';
          }
          this.updateSurveyContact();
      } else {
          this.survey.answer.contact = {};
      }
  }
  </code></pre>