/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

2 votes127 views1 answer
Moment use in angular
Javascript AngularJS
0 vote111 views1 answer
Angular maxlength directive input type number
Javascript AngularJS
0 vote118 views1 answer
Angular http async false
Javascript AngularJS
0 vote113 views1 answer
How to trim the file name when length more than 10 in angular
Javascript AngularJS
0 vote169 views1 answer
Como saber cuando un link cambia angular
Javascript AngularJS
0 vote124 views1 answer
Hide element when pressing button angular
Javascript AngularJS
0 vote109 views1 answer
Tag p is already been closed when there are div tag angular
Javascript AngularJS
0 vote134 views1 answer
Angular autocomplete displaywith
Javascript AngularJS
0 vote109 views3 answers
How to create monorapo project in angular 8
Javascript AngularJS
0 vote152 views1 answer
How to angular html ts function
Javascript AngularJS