/Javascript/AngularJS/Angular material open last visited tab

Angular material open last visited tab

constructor(private route: ActivatedRoute,
  private router: Router) {}

selectedTabIndex: number;

ngOnInit(): void {
  this.selectedTabIndex = parseInt(this.route.snapshot.queryParamMap.get('tab'), 10);
  // TODO: check upper bound. Material will set the last tab as selected
  // if selectedTabIndex >= number of tabs
  if (isNaN(this.selectedTabIndex) || this.selectedTabIndex < 0) {
    this.selectedTabIndex = 0;
  }
}

onTabChange(selectedTabIndex: number): void {
  this.router.navigate([], { relativeTo: this.route, queryParams: {
    tab: selectedTabIndex
  }});
  this.selectedTabIndex = selectedTabIndex;
}

Source: stackoverflow.com

Similar codes

0 vote231 views1 answer
Join two arrays angular
Javascript AngularJS
0 vote246 views1 answer
Comment intégrer font awesome et bootstrap dans angular 13
Javascript AngularJS
7 votes240 views2 answers
Angular 6 key value pair getvalue example
Javascript AngularJS
0 vote236 views1 answer
Searchbox in api news in angular
Javascript AngularJS
0 vote227 views1 answer
New date in interpolation angular
Javascript AngularJS
20 votes238 views2 answers
Responsive grid system angular
Javascript AngularJS
0 vote226 views1 answer
Angular pipe paramerte
Javascript AngularJS
0 vote238 views2 answers
How to add icon in options before label chartjs angular
Javascript AngularJS
10 votes251 views5 answers
Angularjs foreach
Javascript AngularJS
0 vote228 views1 answer
Route not getting refresh with different id in angular
Javascript AngularJS