import { Component, OnInit, Input } from '@angular/core'; import { ActivatedRoute, Router } from '@angular/router'; import { HttpClient } from '@angular/common/http'; @Component({ selector: 'app-run', templateUrl: './run.component.html', styleUrls: ['./run.component.css'] }) export class RunComponent implements OnInit { toggle : boolean; IncomingReportId : string; stepNo : string; @Input("reportId") reportId1 : string; @Input("reportType") reportType : string; constructor(private _http : HttpClient, private _route : ActivatedRoute, private router : Router) { this.toggle = false; } ngOnInit() { if(this.reportType === "Dashboard") { this.stepNo= "4"; } else { this.stepNo= "8"; } } runReport() { this.toggle = true; this._route.params.subscribe(params => { this.IncomingReportId = params["reportId"]; this.reportId1 = params["reportId"]; }); this.router.navigate(['v2/run', this.reportId1]); } }