Hello everyone! I'm new to Angular (using Angular 14 with TypeScript) and I can't figure out how to properly get the value that the user selected in the `` dropdown. I've read many articles, but all examples are either too old (for Angular 2) or use Reactive Forms, which I haven't mastered yet.\n\nI have a simple component with a dropdown list of cities:\n\n```typescript\n// my-select.component.ts\nimport { Component } from '@angular/core';\n\n@Component({\n selector: 'app-my-select',\n template: `\n \n \n {{ city.name }}\n \n \n You selected: {{ selectedCityName }}\n `\n})\nexport class MySelectComponent {\n cities = [\n { id: 1, name: 'Moscow' },

program_me94 · 09.05.2026

How to get the new selected value from <select> in Angular 2+?

Hello everyone! I'm new to Angular (using Angular 14 with TypeScript) and I can't figure out how to properly get the value that the user selected in the `\n \n \n

You selected: {{ selectedCityName }}

\n `\n})\nexport class MySelectComponent {\n cities = [\n { id: 1, name: 'Moscow' },

0 responses

No answers yet.

How to get the new selected value from <select> in Angular 2+?

Blogs

Caching in Swift: Redis, Memcached, and Built-in Solutions from A to Z

@Override Error in Eclipse: How to Defeat "Must Override a Superclass Method"

JavaScript vs Gigabytes: How the Browser Digests Big Data

Go in 2025: Generative AI, New Error System, and Generics

How to Remove the Bottom Line of UINavigationBar: 3 Working Methods

Similar questions