如果使用ngFor，如何摆脱额外的空白选择选项

Question

我正构建一个select标签，并使用* ngFor从select_options数组中填充其中的选项。但是，它始终在底部创建一个单独的空白选项。请帮忙摆脱它。

例如，我有一个选择选项数组： select_options = [＆＃39; banana＆＃39;，＆＃39; apple＆＃39;，＆＃39; orange＆＃39;];

    <select>
        <option *ngFor="let fruit of select_options"
            value="fruit">
            {{fruit}}
        <option>
    </select>

Answer 1

这是因为，没有关闭<option>。试试这个：

<select>
    <option *ngFor="let fruit of select_options"
        value="fruit">
        {{fruit}}
    </option>
</select>

它将起作用并选择默认值试试这个：

<select [(ngModel)]="selectedFruit" name="test">

和

this.selectedFruit = this.select_options[0];

如@Baconbeastnz所述。