Q:

No option selected in two-way binded select dropdowns?

I'm creating two-way binded select dropdowns, using ngFor, which are working fine, but when the page loads no option is selected. I've tried with [selected], but nothing happens again... Any toughts?

Code:
<ng-container *ngFor="let attribute of details.Attributes">
    <tr *ngIf="attribute.IsConfigurator == 'true'">
        <td align="right">{{attribute.PropertyName}}</td>
        <td>
            <select [(ngModel)]="config[attribute.Pid]" (ngModelChange)="updateConfig()" class="form-control">
                <option *ngFor="let values of attribute.Values; let i = index" value="{{values.Vid}}" [selected]="i == 0">{{values.Value}}</option>
            </select>
        </td>
    </tr>
</ng-container>

A:

Set the ngModel value inside the component on ngOnInit
selected : any;
ngOnInit() {
     this.selected = this.attribute.Values[0];
}

and then 
<select [(ngModel)]="selected " (ngModelChange)="updateConfig()" class="form-control">
     <option *ngFor="let values of attribute.Values; let i = index" value="{{values.Vid}}">{{values.Value}}</option>
</select>

