import { Component, OnInit } from '@angular/core'; import { cstmdummyDbTables } from '../../_models/cstmdummydata'; import { Router } from '@angular/router'; @Component({ selector: 'app-database', templateUrl: './database.component.html', styles: [ ` ` ] }) export class DatabaseComponent implements OnInit { public tablesData: Array<{ Name: string, Id: number }> = cstmdummyDbTables.slice(); public tableSelectedValue: any = { Name: 'Select Database Table', Id: 0 }; constructor(private router: Router) { } ngOnInit() { } dropdownValueChanged({ Id, Name }) { if (Id == 2) { this.router.navigate(['/database/designations']); } console.log(Name); } }