javascript - 在 url 中隐藏 id 或 title 以获取 secret 信息

Question

我需要将 id 或 title 与 url 一起传递给其他组件，但我不需要在 url 中显示 id 或 title

http://localhost:4200/#/news/comment/44/list

我需要这样的网址，但它有我的信息

http://localhost:4200/#/news/comment/list

这是我的路由器链接:

<a mat-icon-button [matTooltip]="'TOOLTIP.LIKE' | translate"
                        [routerLink]="['/news/comment/like',row.id,'list']">

我该如何完成这项工作？

Answer 1

在您的情况下，您应该使用服务。在此服务中，您将选择存储在主题中，例如BehaviourSubject 来自 rxjs，然后在您的子组件中查询该服务的选择。

@Injectable()
export class MyService {
  private mySubject: BehaviourSubject<number> = new BehaviourSubject<number>(null);
  myObservable$: Observable<number> = this.mySubject.asObservable();  // <-- use this observable for getting the value

  setValue(id: number) {
    this.mySubject.next(id);
  }
}