Como obter o novo valor selecionado de <select> no Angular 2+?

Olá a todos. Estou começando a aprender Angular (versão 2+, agora 18) e estou tendo um problema para obter o valor selecionado de um elemento HTML `` comum. Em JavaScript normal, eu usaria o evento `onchange` e leria `event.target.value`, mas no Angular não funciona como espero. Tenho um componente que exibe uma lista de cidades. Quero que, ao selecionar uma cidade no menu suspenso, o nome dela seja exibido imediatamente no console ou na tela. Aqui está meu código atual: ```typescript // my-component.component.ts import { Component } from '@angular/core'; @Component({ selector: 'app-my-component', template: ` {{ city.name }} ` }) export class MyComponent { cities = [ { id: 1, name: 'São Paulo' }, { id: 2, name: 'Rio de Janeiro' }, { id: 3, name: 'Belo Horizonte' } ]; onCityChange(event: any) { console.log(event.target.value); } } ```