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

सभी को नमस्कार! मैं 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 = ''; } ``` समस्या यह है कि मुझे नहीं पता कि चयन परिवर्तन इवेंट को कैसे पकड़ूँ और नए मान को वेरिएबल में कैसे लिखूँ।