/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

2 votes366 views1 answer
Nangular make window available
Javascript AngularJS
-1 vote385 views1 answer
Angularjs form validation on submit
Javascript AngularJS
0 vote355 views1 answer
Update angular website firebase
Javascript AngularJS
9 votes356 views2 answers
Material icons angular
Javascript AngularJS
2 votes369 views1 answer
Angular 9 how to get previous state
Javascript AngularJS
1 vote359 views1 answer
Route parammap subscribe angular 9
Javascript AngularJS
0 vote396 views1 answer
No styles are appearing in angular calendar
Javascript AngularJS
0 vote360 views1 answer
Cannot find name 'Position' angular
Javascript AngularJS
2 votes366 views1 answer
Change color of material design angular progress bar
Javascript AngularJS
3 votes355 views1 answer
Ternary operator in angular
Javascript AngularJS