Question

运行服务器时，我的打字稿中的selectField没有显示默认值。每当我运行服务器时，我都需要“选择”（默认值）。在我的代码中，“ option value =“ none” selected”行不起作用。

<div class="form-group">
    <label class="label label-default" for="tour-type">Tournament Type</label>
    <select class="form-control" name="TournamentType" [(ngModel)]="tourDetails.TournamentType">
        <option value="none" selected>Select</option>
        <option value="PSA">PSA</option>
        <option value="NationalCircuit">National Circuit</option>
        <option value="StateClosed">State Closed</option>
        <option value="Asian&World">Asian & World</option>
        <option value="International">International</option>
        <option value="NonRanking">Non-Ranking</option>
    </select>
</div>

Answer 1

在ngOnInit（）中将tourDetails.TournamentType设置为none

ngOnInit()
    this.tourDetails.TournamentType ="none"
}

Answer 2

tourDetails.TournamentType必须等于“ none”，以便它被自动选择。

否则，您可以执行以下操作

<option value="" selected>Select</option>

选择字段未在Angular中显示默认值

2 个答案: