Вопросы Теги

Проблемы с select в угловом 5

У меня есть эта страница html

<div class="row">

<div class="col s12 m6">
    <div class="card">
      <div class="card-content black-text">  
             <h6><strong>Server</strong></h6>             
             <select id="serverSelectServer" [(ngModel)]="opcionSeleccionado" (change)="onSelectServer()">
               <option value="All">All servers</option>
               <option *ngFor="let xserver of serversCodifiers" value="{{ xserver.name }}">{{ xserver.name }}</option>
             </select>
      </div>
    </div>
  </div>

И это component.ts 

onSelectServer(){
console.log("changed");
}

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

0
задан 13.08.2019, 17:46
1 ответ

Чтобы захватывать стоимость отборного выбора ты был бы должен использовать onSelectionChange вместо change и параметр $event, чтобы захватывать Вашу стоимость, в твоем коде это осталось бы так: 

<div class="row">
  <div class="col s12 m6">
    <div class="card">
      <div class="card-content black-text">
        <h6><strong>Server</strong></h6>
        <select id="serverSelectServer" [(ngModel)]="opcionSeleccionado" (onSelectionChange)="onSelectServer($event)">
          <option value="All">All servers</option>
          <option *ngFor="let xserver of serversCodifiers" value="{{ xserver.name }}">{{ xserver.name }}</option>
        </select>
      </div>
    </div>
  </div>
</div>

и в логике твоего компонента 

onSelectServer(opcion) {
    if (opcion.isUserInput) {
      console.log(opcion.value);
    }
}
0
ответ дан 03.12.2019, 04:46