Wie erhalte ich den neuen ausgewählten Wert aus <select> in Angular 2+?

Hallo zusammen! Ich bin neu in Angular (nutze Angular 14 mit TypeScript) und verstehe nicht, wie ich den Wert, den der Benutzer in der Dropdown-Liste ausgewählt hat, korrekt abrufen kann. Ich habe viele Artikel gelesen, aber alle Beispiele sind entweder zu alt (für Angular 2) oder verwenden Reactive Forms, die ich noch nicht gelernt habe.\n\nIch habe eine einfache Komponente mit einer Dropdown-Liste von Städten:\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

Sie haben ausgewählt: {{ selectedCityName }}

\n `\n})\nexport class MySelectComponent {\n cities = [\n { id: 1, name: 'Moskau' },\n { id: 2, name: 'Sankt Petersburg' },\n { id: 3, name: 'Kasan' }\n ];\n selectedCityName: string = '';\n}\n```\n\nDas Problem ist, dass ich nicht weiß, wie ich das Änderungsereignis der Auswahl abfangen und den Wert speichern kann.