/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 vote236 views2 answers
Reload a child component in angular
Javascript AngularJS
0 vote263 views1 answer
Angular generer guard
Javascript AngularJS
0 vote271 views1 answer
Angular load json file with httpclient
Javascript AngularJS
0 vote259 views1 answer
Angular injector.create example
Javascript AngularJS
3 votes243 views3 answers
Disable input angular
Javascript AngularJS
0 vote260 views1 answer
How to deploy firebase angular 10
Javascript AngularJS
6 votes305 views1 answer
Get value onChange from mat-select angular
Javascript AngularJS
0 vote256 views1 answer
App is not a known element angular error
Javascript AngularJS
0 vote247 views1 answer
Disable button based on condition angular
Javascript AngularJS
0 vote266 views1 answer
Angular absolute routerlink
Javascript AngularJS