How do I pre-select a SELECT element using the Angular 2 FormControl through binding
<p>We're using the Angular 2 FormControl and need to pre-select an HTML select element. </p>

<p>This was easy when we used ngModel because binding the control took care of the pre-selection. Here is the code we used before:</p>

<pre><code>`&lt;select 
    [(ngModel)]="ds.SerializedTimeZone"
    name="timezone"
    #dsTimeZone="ngModel"&gt;
&lt;option *ngFor="let tz of timezones"
    [ngValue]="tz.Serialized"&gt;
    {{tz.DisplayName}}
&lt;/option&gt;
&lt;/select&gt;`
</code></pre>

<p>How can the same be accomplished when using the Angular 2 FormControl? 
I've tried setting selected as below but it doesn't work.
Here is the code using FormControl. </p>

<pre><code>`&lt;select name="timezone"
     formControlName="SerializedTimeZone"
     [(value)]="ds.SerializedTimeZone"&gt;
 &lt;option *ngFor="let tz of timezones"
     [ngValue]="tz.Serialized"
     [selected]="tz.Serialized === ds.SerializedTimeZone"&gt;
     {{tz.DisplayName}}
 &lt;/option&gt;
 &lt;/select&gt;`
</code></pre>

<p>ds is an object with a property of SerializedTimeZone. 
timezones is a collection with two properties: Serialized and DisplayName</p>

<p>[selected]="" doesn't work in Angular 2 (stable 2.0)</p>

<p>Thanks!</p>