У меня есть эта страница 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, но по какому-то странному разуму событие не работает мне. Он был бы благодарен много за Вашу помощь, за большое спасибо заранее
Чтобы захватывать стоимость отборного выбора ты был бы должен использовать 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);
}
}