/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

3 votes327 views3 answers
Angular input change event
Javascript AngularJS
0 vote325 views1 answer
Angular material remove outline
Javascript AngularJS
1 vote329 views2 answers
Apache angular routing
Javascript AngularJS
0 vote322 views1 answer
Angular two datepickers
Javascript AngularJS
0 vote322 views1 answer
Showing file download progress in angular
Javascript AngularJS
2 votes345 views2 answers
Get previous url angular
Javascript AngularJS
43 votes513 views6 answers
Angular check if array is empty
Javascript AngularJS
4 votes300 views3 answers
Get route query params angular
Javascript AngularJS
0 vote281 views2 answers
This version of CLI is only compatible with Angular versions 0.0.0 || ^9.0.0-beta || >=9.0.0 <10.0.0, but Angular version 10.0.14 was found instead.
Javascript AngularJS
-1 vote308 views1 answer
Angular access form control value
Javascript AngularJS