如何在选择中选择第一个选项?

时间:2017-05-03 11:26:17

标签: angular

我正在使用这个并且我在第一个选项中添加了选中但它不起作用。有什么建议吗?

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

2 个答案:

答案 0 :(得分:2)

最初selectedTickeDecisionTypenull

[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)。

答案 1 :(得分:1)

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