/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 vote149 views1 answer
How to add changes every time you route navigate to page in angular
Javascript AngularJS
0 vote192 views1 answer
Get datetime yesterday angular
Javascript AngularJS
0 vote185 views1 answer
Toast duplicate angular
Javascript AngularJS
8 votes186 views2 answers
Angularjs onclick
Javascript AngularJS
0 vote177 views1 answer
Formgroup is not property of form angular
Javascript AngularJS
0 vote162 views1 answer
How to add d3.js in angular
Javascript AngularJS
0 vote184 views1 answer
Date and month are swapping in angular
Javascript AngularJS
0 vote185 views1 answer
Angular build deploy url
Javascript AngularJS
1 vote214 views2 answers
Angular project structure
Javascript AngularJS
2 votes161 views3 answers
Change route on button click angular
Javascript AngularJS