/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 vote351 views1 answer
How to bind two ng-content in a component angular
Javascript AngularJS
1 vote523 views1 answer
Angular amber theme
Javascript AngularJS
0 vote329 views1 answer
Host angular app on node server
Javascript AngularJS
0 vote355 views1 answer
How to convert date format using date pipe in angular
Javascript AngularJS
7 votes318 views5 answers
Update angular project
Javascript AngularJS
0 vote371 views1 answer
Angular http async false
Javascript AngularJS
-1 vote318 views1 answer
Angular 11 support versions nodejs
Javascript AngularJS
0 vote307 views2 answers
Angular js email id validation with pattern
Javascript AngularJS
0 vote357 views1 answer
Angular ng owl date time custom format
Javascript AngularJS
6 votes349 views1 answer
Ngfor on keys of a dictionary angular
Javascript AngularJS