Question

这是我的代码

<select class="form-control input-transparent" id="select-field" name="address" ngModel required>
     <optgroup *ngFor="let wallet of wallets" label="{{wallet.label}}">
         <option value="{{ wallet.address }}" [selected]="wallet.address == wallets[0].address">{{ wallet.address }}</option>
     </optgroup>
</select>

我想选择第一个选项作为选中，但仍选择默认值

Answer 1

selected

不支持

ngModel

您可以使用此示例代码。我在 stackblitz 上创建了一个演示版。我希望这会有助于/指导你/他人。

HTML代码

<select class="form-control input-transparent" id="select-field" name="address" required [(ngModel)]="address">
    <optgroup *ngFor="let wallet of wallets;" label="{{wallet.label}}">
        <option [value]="wallet.id">{{ wallet.address }}</option>
    </optgroup>
</select>

.ts代码

    address:number=1;
    wallets= [{
        id: 1,
        address: 'address1',
        label: 'Label 1'
    }, {
        id: 2,
        address: 'address 2',
        label: 'Label 2'
   }]

Answer 2

使用<selected>标签属性value并将其设置为所需的值。

<select value="wallets[0].address">

您可以使用标记的value属性在下拉列表中设置预先选择的选项，即，但它在W3C验证程序中无效。 - 使徒2015年5月20日15:40 How can I set the default value for an HTML <select> element?

在Angular 5中的select标签中选择默认选择的值

2 个答案: