2017-05-03 37 views
1

私はこれを使用していますが、最初のオプションで選択して追加しましたが動作しません。なにか提案を?選択の最初のオプションの選択方法は?

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

どのようなオプションが選択されていますか?おそらくあなたのモデルで指定されたオプション? – Randy

+0

最初のオプションでhtml selected attrを追加しました – None

+0

私はそれを見ましたが、あなたの仕事の定義は何ですか?別のオプションが選択されていますか?そのオプションは、ページをロードする前にモデルで定義されていますか? – Randy

答えて

1

selectedTickeDecisionTypeはあなたが欲しいものを行う必要があり、最初はnull

[ngValue]="null" 

最初<option>である:

<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"が必要になる場合があります正しく動作する(私は混合しようとしなかったvaluengValueはまだありません)。

+0

私はあなたのコードを使用しましたが、ngModel、しかし、私はngModel ofcが必要です。 – None

+0

'ngValue'は' ngModel'なしで動作するはずなので、何が起きているのかを私が知ることは難しいです。 –

+0

ええと私は何をすることができますか? – None

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

デフォルトオプションが選択されています..its before ngFor – None

関連する問題