大家好！我是 Angular 的新手（使用 Angular 14 和 TypeScript），一直搞不懂如何正确获取用户在 `` 下拉列表中选择的值。我读了很多文章，但所有示例要么太旧（针对 Angular 2），要么使用了 Reactive Forms，而我还没有掌握。我有一个简单的组件，包含城市下拉列表： ```typescript // my-select.component.ts import { Component } from '@angular/core'; @Component({ selector: 'app-my-select', template: ` {{ city.name }} 您选择了: {{ selectedCityName }} ` }) export class MySelectComponent { cities = [ { id: 1, name: '莫斯科' }, { id: 2, name: '圣彼得堡' }, { id: 3, name: '喀山' } ]; selectedCityName: string = ''; } ``` 问题是我不知道如何捕获选择更改事件并记录

program_me94 · 09.05.2026

如何从 Angular 2+ 的 <select> 中获取新选中的值？

大家好！我是 Angular 的新手（使用 Angular 14 和 TypeScript），一直搞不懂如何正确获取用户在 `

您选择了: {{ selectedCityName }}

` }) export class MySelectComponent { cities = [ { id: 1, name: '莫斯科' }, { id: 2, name: '圣彼得堡' }, { id: 3, name: '喀山' } ]; selectedCityName: string = ''; } ``` 问题是我不知道如何捕获选择更改事件并记录

0 回复

暂无回答。

登录以留下回答

博客

2024年Go语言开发最佳IDE与工具

Swift代码审查：让资深开发者抓狂的7个错误

Java中的安全认证：如何不搞砸安全考试

C++更快：高级开发者为新手分享的秘诀

Public get private set 在 Kotlin 中的陷阱与解决方案

类似问题

如何计算C#中两个日期之间的天数差？按条件删除列表元素如何在Java中生成指定范围内的随机整数？如何在JavaScript中获取时间戳（timestamp）？为什么在 Rust 中不推荐将 &String、&Vec 或 &Box 作为函数参数？