title: Angular4: select [selected] not work for the first time
body: <p>There is a code: </p>
  
  <pre><code>&lt;select name="department" class="form-control select" [(ngModel)]="departments" formControlName="departmentControl"&gt;    
      &lt;option *ngFor="let department of departments" [ngValue]="department" [selected]="department.id == this.departmentid"&gt;
        {{ department.name }}
      &lt;/option&gt;
    &lt;/select&gt;
  </code></pre>
  
  <p>and function:</p>
  
  <pre><code>isSelected(department): boolean {
    debugger;
    return department.id == this.departmentid;
  }
  </code></pre>
  
  <p>department - is a nested component for user-detail component. After I select a user-detail component for the first time, department not selected. But for second time everything works correctly. Where is a mistake?</p>