/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 vote207 views1 answer
Value should be numeric in angular check
Javascript AngularJS
-1 vote205 views1 answer
Ways to open modal in angular
Javascript AngularJS
0 vote196 views1 answer
Angular error ng0303 ngForIn
Javascript AngularJS
0 vote178 views1 answer
You seem to not be depending on "@angular/core" and/or "rxjs". This is an error.
Javascript AngularJS
0 vote186 views1 answer
Join two arrays angular
Javascript AngularJS
-1 vote199 views2 answers
Where to create service angularor nodejs
Javascript AngularJS
7 votes196 views2 answers
Mouseover event in angular 11
Javascript AngularJS
3 votes266 views1 answer
Angular build aot vs jit
Javascript AngularJS
1 vote192 views1 answer
Emit resize event in angular
Javascript AngularJS
0 vote243 views1 answer
Can we send image in json in angular
Javascript AngularJS