我如何获得 Angular(TypeScript) Select 框的选定文本

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);
}

How i get Angular(TypeScript) Select box's selected text