/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

1 vote114 views2 answers
Remove duplicate values in array angular
Javascript AngularJS
0 vote112 views2 answers
Aos animation angular
Javascript AngularJS
4 votes98 views1 answer
Ng remove @angular/fire
Javascript AngularJS
2 votes66 views2 answers
Placeholder in angular 9 select with working required
Javascript AngularJS
-1 vote107 views1 answer
Angular router return back
Javascript AngularJS
1 vote126 views1 answer
Angular viewchild input element value
Javascript AngularJS
0 vote102 views1 answer
Command to create custom pipe in angular 6
Javascript AngularJS
0 vote101 views1 answer
Angular9 spy
Javascript AngularJS
0 vote98 views1 answer
Angular key value pipe compareFn example
Javascript AngularJS
18 votes137 views6 answers
Angular cli update
Javascript AngularJS