Get selected value from a drop-down list in Angular

Question

I am pretty new to Angular and have a requirement where I need to read the selected value from a drop-down list and send the selected value to a component while routing. Can som

Answer 1

Here is the solutions for both your questions:

• To get dropdown value.
• To send params through route

Solution to your first question binding dropdown:

Component:

import { Component } from '@angular/core';
import { Router } from '@angular/router';


@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {

  constructor(private route: Router){ }

  selectedLevel;
  data:Array