Angular 2+ में <select> से नया चयनित मान कैसे प्राप्त करें?

सभी को नमस्कार। मैंने अभी-अभी 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