在Angular中使用RouterLink导航时保持状态

<a [routerLink]="['/target-route']" [queryParams]="{ state: 'active' }">Go to Target Route</a>

import { ActivatedRoute } from '@angular/router';

constructor(private route: ActivatedRoute) {}

ngOnInit() {
  this.route.queryParams.subscribe(params => {
    const state = params['state'];
    // 根据状态进行相应的操作
  });
}

<a [routerLink]="['/target-route', { state: 'active' }]">Go to Target Route</a>

import { ActivatedRoute } from '@angular/router';

constructor(private route: ActivatedRoute) {}

ngOnInit() {
  this.route.params.subscribe(params => {
    const state = params['state'];
    // 根据状态进行相应的操作
  });
}

import { Injectable } from '@angular/core';

@Injectable()
export class StateService {
  private state: string;

  getState(): string {
    return this.state;
  }

  setState(state: string) {
    this.state = state;
  }
}

<a (click)="setState('active')">Go to Target Route</a>

import { StateService } from 'path-to-state-service';

constructor(private stateService: StateService) {}

ngOnInit() {
  const state = this.stateService.getState();
  // 根据状态进行相应的操作
}