كيفية الحصول على القيمة المحددة الجديدة من <select> في Angular 2+؟

مرحباً بالجميع! أنا مبتدئ في Angular (أستخدم Angular 14 مع TypeScript) ولا أستطيع فهم كيفية الحصول بشكل صحيح على القيمة التي اختارها المستخدم في القائمة المنسدلة ``. قرأت العديد من المقالات، لكن جميع الأمثلة إما قديمة جداً (خاصة بـ Angular 2) أو تستخدم Reactive Forms التي لم أتقنها بعد. لدي مكون بسيط مع قائمة منسدلة للمدن: ```typescript // my-select.component.ts import { Component } from '@angular/core'; @Component({ selector: 'app-my-select', template: ` {{ city.name }}

لقد اخترت: {{ selectedCityName }}

` }) export class MySelectComponent { cities = [ { id: 1, name: 'موسكو' }, { id: 2, name: 'سانت بطرسبرغ' }, { id: 3, name: 'قازان' } ]; selectedCityName: string = ''; } ``` المشكلة هي أنني لا أعرف كيفية التقاط حدث تغيير الاختيار وتسجيل