Как я получаю Angular (TypeScript) Выберите выделенный текст в поле

Question

Как получить выбранный текст опции при изменении функции в Angular (TypeScript)?

Answer 1

Если вы используете значение по умолчанию select html, вы можете попробовать это: В youcomponent.html:

<select (change)="onChange($event.target.value)">
    <option>Test1</option>
    <option>Test2</option>
</select>

В вашем component.ts:

onChange(deviceValue) {
    console.log(deviceValue);
}

РЕДАКТИРОВАТЬ: Чтобы утешить введенный текст значения, вы должны сделать это:

<select (change)="onChange($event)">
    <option [value]="1">Test1</option>
    <option [value]="2" >Test2</option>
</select>

И в вашем контроллере вы должны использовать:

  onChange(event) {
    console.log(event.target.options[event.target.options.selectedIndex].text);
}