/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

7 votes173 views4 answers
Angular js
Javascript AngularJS
0 vote196 views2 answers
Angular pipe percentage
Javascript AngularJS
0 vote206 views1 answer
@angular/[email protected] node_modules/@angular/common @angular/common@"11.2.1" from the root project
Javascript AngularJS
1 vote178 views2 answers
Angular 8 to 9
Javascript AngularJS
0 vote173 views1 answer
Locale data angular 12
Javascript AngularJS
0 vote174 views1 answer
Tab key event in angular
Javascript AngularJS
0 vote177 views1 answer
Angular chart js Doughnut colors
Javascript AngularJS
0 vote182 views1 answer
Installing toast for angular projects
Javascript AngularJS
1 vote223 views1 answer
Angular mat select open programmatically
Javascript AngularJS
0 vote216 views1 answer
How to create a component in angular using terminal
Javascript AngularJS