Cómo obtener el nuevo valor seleccionado de <select> en Angular 2+?

Hola a todos. Acabo de empezar a aprender Angular (versión 2+, ahora 18), y tengo un problema para obtener el valor seleccionado de un elemento HTML `` normal. En JavaScript normal usaría el evento `onchange` y leería `event.target.value`, pero en Angular no funciona como espero. Tengo un componente que muestra una lista de ciudades. Quiero que al seleccionar una ciudad en el menú desplegable, se muestre su nombre inmediatamente en la consola o en la pantalla. Aquí está mi código actual: ```typescript // my-component.component.ts import { Component } from '@angular/core'; @Component({ selector: 'app-my-component', template: ` {{ city.name }}

Ciudad seleccionada: {{ selectedCityName }}

` }) export class MyComponent { cities = [ { id: 1, name: 'Moscú' }, { id: 2, name: 'San Petersburgo' }, { id: 3, n