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

¡Hola a todos! Soy nuevo en Angular (uso Angular 14 con TypeScript) y no logro entender cómo obtener correctamente el valor que el usuario seleccionó en la lista desplegable ``. He leído muchos artículos, pero todos los ejemplos son demasiado antiguos (para Angular 2) o usan Reactive Forms, que aún no he dominado. Tengo un componente simple con una lista desplegable de ciudades: ```typescript // my-select.component.ts import { Component } from '@angular/core'; @Component({ selector: 'app-my-select', template: ` {{ city.name }}

Has seleccionado: {{ selectedCityName }}

` }) export class MySelectComponent { cities = [ { id: 1, name: 'Moscú' }, { id: 2, name: 'San Petersburgo' }, { id: 3, name: 'Kazán' } ]; selectedCityName: string = ''; } ``` El problema es que no sé cómo capturar el evento de cambio de selección y registrar