/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 vote188 views1 answer
Comand component create struct angular
Javascript AngularJS
0 vote248 views1 answer
Chartjs angular bar beginAtZero
Javascript AngularJS
5 votes208 views1 answer
Experimental support for decorators is a feature that is subject to change in a future release. Set the 'experimentalDecorators' option in your 'tsconfig' or 'jsconfig' to remove this warning.ts(1219) angular
Javascript AngularJS
0 vote229 views1 answer
Apply custom border color in angular material
Javascript AngularJS
0 vote225 views2 answers
How to create a new angular project in visual studio code
Javascript AngularJS
0 vote239 views1 answer
How to convert base64 to webp in angular
Javascript AngularJS
0 vote244 views1 answer
Onclick add active class in angular
Javascript AngularJS
1 vote224 views1 answer
Select onchange pass option value in angular 6
Javascript AngularJS
1 vote224 views4 answers
Angular 12 features
Javascript AngularJS
0 vote235 views1 answer
Can we get the value of form control after disabling it angular
Javascript AngularJS