/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 vote296 views1 answer
Best way to filter table in angular
Javascript AngularJS
0 vote275 views1 answer
Trim angular material input with ellipsis
Javascript AngularJS
0 vote268 views1 answer
Angular browser detector
Javascript AngularJS
28 votes392 views6 answers
Angular router navigate
Javascript AngularJS
4 votes306 views2 answers
@angular/fire has missing dependencies
Javascript AngularJS
0 vote288 views1 answer
Matmenu in angular
Javascript AngularJS
0 vote265 views1 answer
Get data from URL in angular
Javascript AngularJS
1 vote257 views1 answer
Angular schematics datatable
Javascript AngularJS
0 vote269 views1 answer
Angular two datepickers
Javascript AngularJS
5 votes290 views2 answers
Copy to clipboard angular
Javascript AngularJS