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

مرحباً بالجميع. لقد بدأت للتو في تعلم Angular (الإصدار 2+، الآن 18)، وواجهت مشكلة في الحصول على القيمة المحددة من عنصر HTML العادي ``. في JavaScript العادي، كنت سأستخدم حدث `onchange` وأقرأ `event.target.value`، لكن في Angular لا يعمل هذا كما أتوقع. لدي مكون يعرض قائمة بالمدن. أريد أنه عند اختيار مدينة في القائمة المنسدلة، يتم عرض اسمها فوراً في وحدة التحكم أو على الشاشة. إليك الكود الحالي الخاص بي: ```typescript // my-component.component.ts import { Component } from '@angular/core'; @Component({ selector: 'app-my-component', template: ` {{ city.name }}

المدينة المحددة: {{ selectedCityName }}

` }) export class MyComponent { cities = [ { id: 1, name: 'موسكو' }, { id: 2, name: 'سانت بطرسبرغ' }, { id: 3, n }