How to select first option in select?

Question

I'm using this and i added selected in first option but its not working. Any suggestion?

<select class="select-dropdown" [(ngModel)]="selectedTickeDecisionType" (ngModelChange)="onChange($event)">
    <option value="" selected>Odaberi tip odluke</option>
    <option *ngFor="let decisionType of lovData.tticketdecisiontype" value="{{decisionType.code}}">{{decisionType.name}}</option>
</select>   

Answer 1

When selectedTickeDecisionType is initially null

[ngValue]="null"

on the first <option> should do what you want:

<select class="select-dropdown" [(ngModel)]="selectedTickeDecisionType" (ngModelChange)="onChange($event)">
    <option [ngValue]="null" selected>Odaberi tip odluke</option>
    <option *ngFor="let decisionType of lovData.tticketdecisiontype" value="{{decisionType.code}}">{{decisionType.name}}</option>
</select>   

You might need [ngValue]="decisionType.code" on the other options to make this work properly (I haven't tried mixing value and ngValue myself yet).

Answer 2

<option
 *ngFor="let decisionType of lovData.tticketdecisiontype; let i = index"
 [ngValue]="decisionType.code"
 [attr.selected]='i>0 ? "selected" : null'>
  {{decisionType.name}}
</option>