/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 vote118 views1 answer
Angular passing data to child component
Javascript AngularJS
-2 votes163 views2 answers
Bootstrap 4 navbar-collapse not working angular
Javascript AngularJS
1 vote125 views3 answers
Angular set class
Javascript AngularJS
0 vote139 views1 answer
Resolver not showing content angular
Javascript AngularJS
0 vote127 views1 answer
How to pass data in body of delete request angular
Javascript AngularJS
1 vote135 views1 answer
Iterate over enum angular ngfor
Javascript AngularJS
0 vote149 views1 answer
ERROR in ./src/app/pages/auth/auth.module.ngfactory.js Module not found: Error: Can't resolve '@angular/material/core/index'
Javascript AngularJS
0 vote83 views1 answer
Javascript console log angularjs $scope data
Javascript AngularJS
8 votes129 views4 answers
Angular moment
Javascript AngularJS
0 vote142 views1 answer
Ontouch validate angular
Javascript AngularJS