1 Вопрос: Выберите, какая опция выбрана в теге select

вопрос создан в Thu, May 2, 2019 12:00 AM

Я хотел бы выбрать, какой параметр выбран в поле со списком, и я хочу иметь возможность изменить выбранный параметр в своем Typescript.

У меня есть только два варианта: да или нет. Я хочу выбрать, какой из них будет выбран, когда появится мой комбинированный список

РЕДАКТИРОВАТЬ:

Это ответ на вопрос пользователя, и я хочу показать этот выпадающий список, чтобы пользователь мог отредактировать свой ответ

HTML:

<select class="form-control custom-select" name="uIsAdmin" id="uIsAdmin">
    <option *ngFor="let useradmin of userIsAdmin">{{useradmin}}</option>
</select>

TypeScript:

ngOnInit() {
    this.userIsAdmin=[
      "yes", "no"
    ];
  }
    
0
  1. Хотите установить значение по умолчанию? Если это так, вы можете добиться этого с помощью < option * ngFor = "let useradmin of userIsAdmin" [selected] = "option === 'yes'" > {{useradmin}} < /option >
    2019-05-02 15: 19: 33Z
  2. я хочу изменить установленное значение.
    2019-05-02 15: 24: 46Z
1 ответ                              1                         

Чтобы установить значение по умолчанию, вы можете установить свойство selected

<option *ngFor="let useradmin of userIsAdmin" [selected]="useradmin === 'yes'">{{useradmin}}</option>

Чтобы изменить выбранное значение программно, вы можете использовать ngModel

<select [(ngModel)]="myChoice" class="form-control custom-select" name="uIsAdmin" id="uIsAdmin">
    <option *ngFor="let useradmin of userIsAdmin">{{useradmin}}</option>
</select>

TS:

const myChoice = "yes";

Тем не менее - с помощью своего кода вы предоставляете множественный выбор для варианта использования, который, вероятно, должен разрешать только да или нет. В этом случае вам следует использовать группу переключателей .

    
0
2019-05-02 15: 31: 44Z
  1. так, с: [(ngModel)] = "yes" выбранная опция будет да?
    2019-05-02 15: 28: 10Z
  2. Это работает, спасибо!
    2019-05-02 15: 35: 09Z
источник размещен Вот