/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 vote299 views1 answer
How to manually trigger browser back button from angular
Javascript AngularJS
0 vote323 views1 answer
Error: node_modules/@angular/fire/database/interfaces.d.ts:2:10
Javascript AngularJS
3 votes306 views1 answer
Call a function whenever routerlink is clicke angular
Javascript AngularJS
5 votes303 views4 answers
Generate guard angular
Javascript AngularJS
3 votes321 views1 answer
Install ionic @angular/fire
Javascript AngularJS
1 vote339 views1 answer
Add a route to a buttoin in angular
Javascript AngularJS
1 vote320 views1 answer
Select onchange pass option value in angular 6
Javascript AngularJS
0 vote347 views1 answer
Command to check dependencies in angular
Javascript AngularJS
6 votes298 views4 answers
Angular url parameter
Javascript AngularJS
1 vote310 views1 answer
Angular one array contains any of second
Javascript AngularJS