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

Hallo zusammen. Ich habe gerade angefangen, Angular (Version 2+, aktuell 18) zu lernen, und habe ein Problem damit, den ausgewählten Wert aus einem normalen HTML--Element zu erhalten. In normalem JavaScript würde ich das `onchange`-Event verwenden und `event.target.value` auslesen, aber in Angular funktioniert das nicht so, wie ich es erwarte. Ich habe eine Komponente, die eine Liste von Städten anzeigt. Ich möchte, dass bei der Auswahl einer Stadt im Dropdown sofort ihr Name in der Konsole oder auf dem Bildschirm angezeigt wird. Hier ist mein aktueller Code: ```typescript // my-component.component.ts import { Component } from '@angular/core'; @Component({ selector: 'app-my-component', template: ` {{ city.name }}

Ausgewählte Stadt: {{ selectedCityName }}

` }) export class MyComponent { cities = [ { id: 1, name: 'Moskau' }, { id: 2, name: 'Sankt Petersburg' }, { id: 3, n