刷新頁面問題 TypeScript/Angular

Question

我有一個要在模板中顯示的 div

*ngIf="!isCalendarMode"

在我的 TypeScript 文件中，我聲明了該字段：

  isCalendarMode = false;
  subs = new Subscription();

      ngOnInit() {

    
    this.subs.add(this.router.events.pipe(filter(e => e instanceof NavigationEnd)).subscribe(_ => {
        this.isCalendarMode = this.router.url.includes('calendar');

    }));

問題是：
當我第一次加載頁面時，'isCalendarMode' 為假，它會出現顯示。
然后，當我路由到“日歷”時，“isCalendarMode”將為 true 並且可以，這是我想要的，但是如果我刷新同一頁面，“isCalendarMode”將 go 再次為 false，我將得到我不想要的顯示在這種情況下。

當我刷新頁面時，我需要“isCalendarMode”保持真實。

Answer 1

//instead of isCalendarMode = false
isCalendarMode =  this.router.url.includes('calendar');

如果你不導航，你不會得到 navigationend 事件