Выберите выбранное по умолчанию значение в теге выбора в Angular 5

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> tags value и установите для него желаемое значение.

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

Вы можете установить предварительно выбранную опцию в раскрывающемся списке, используя атрибут значения для тега, то есть, но он недействителен в валидаторе W3C. - Апостол 20 мая 15 года в 15:40 Как установить значение по умолчанию для элемента HTML