大家好。我刚开始学习 Angular（版本 2+，现在是 18），在从普通 HTML 元素 `` 获取选中值时遇到了问题。在普通 JavaScript 中，我会使用 `onchange` 事件并读取 `event.target.value`，但在 Angular 中，它的工作方式并不如我所预期。我有一个显示城市列表的组件。我希望在选择下拉列表中的城市时，立即将其名称输出到控制台或屏幕上。以下是我当前的代码： ```typescript // my-component.component.ts import { Component } from '@angular/core'; @Component({ selector: 'app-my-component', template: ` {{ city.name }} 选中的城市: {{ selectedCityName }} ` }) export class MyComponent { cities = [ { id: 1, name: '莫斯科' }, { id: 2, name: '圣彼得堡' }, { id: 3, n

dev_junior49 · 09.05.2026

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

大家好。我刚开始学习 Angular（版本 2+，现在是 18），在从普通 HTML 元素 `

选中的城市: {{ selectedCityName }}

` }) export class MyComponent { cities = [ { id: 1, name: '莫斯科' }, { id: 2, name: '圣彼得堡' }, { id: 3, n

0 回复

暂无回答。

登录以留下回答