如何在select中選擇第一個選項？

我使用這個，我添加了第一個選項選中，但它不工作。任何建議？如何在select中選擇第一個選項？

<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>

來源

2017-05-03 None

選擇了什麼選項？也許在你的模型中指定的選項？ – Randy

我在第一個選項 – None

的HTML中選擇attr添加我明白了，但是你的定義不起作用？是否選擇了另一個選項，並且可以在加載頁面之前在模型中定義該選項？ – Randy

當selectedTickeDecisionType是第一<option>最初null

[ngValue]="null"

應該做你想要什麼：

<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>

您可能需要在其他選項[ngValue]="decisionType.code"，使這個正常工作（我沒有嘗試混合我自己還有和ngValue）。

來源

2017-05-03 11:38:23

我使用了你的代碼......但是它只出現在select中，當我刪除ngModel時，但我需要ngModel ofc。 – None

'ngValue'不應該在沒有'ngModel'的情況下工作，因此我很難說出發生了什麼。 –

嗯所以我能做些什麼呢？ – None

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

來源

2017-05-03 11:35:42 Milad

我希望在ng之前選擇默認選項..對於 – None

如何在select中選擇第一個選項？

回答

相關問題