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

Olá a todos! Sou novo no Angular (estou usando Angular 14 com TypeScript) e não consigo entender como obter corretamente o valor que o usuário selecionou na lista suspensa ``. Li muitos artigos, mas todos os exemplos são muito antigos (para Angular 2) ou usam Reactive Forms, que ainda não dominei.\n\nTenho um componente simples com uma lista suspensa de cidades:\n\n```typescript\n// my-select.component.ts\nimport { Component } from '@angular/core';\n\n@Component({\n selector: 'app-my-select',\n template: `\n \n \n {{ city.name }}\n \n \n

Você selecionou: {{ selectedCityName }}

\n `\n})\nexport class MySelectComponent {\n cities = [\n { id: 1, name: 'Moscou' },