/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 vote337 views1 answer
Angularjs component stackoverflow
Javascript AngularJS
7 votes282 views1 answer
Angular get previous route
Javascript AngularJS
1 vote312 views1 answer
Angular wait all subscriptions
Javascript AngularJS
0 vote318 views1 answer
Reactive forms angular conditional disabling
Javascript AngularJS
0 vote359 views1 answer
Aos library slow animation angular
Javascript AngularJS
0 vote357 views1 answer
How to read from asset in angular
Javascript AngularJS
1 vote318 views1 answer
How to use lodash in Angular
Javascript AngularJS
0 vote498 views1 answer
Mixed line chart for angular or react
Javascript AngularJS
10 votes374 views3 answers
Angular create service command line
Javascript AngularJS
13 votes327 views2 answers
Import angular flex layout
Javascript AngularJS