subscription - 使用 ion-router-outlet 时，ionic4 Angular 7 查询参数订阅不会在每次更改时触发

Question

这是我的代码

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, Params, Router } from '@angular/router';

@Component({
  selector: 'app-landing',
  templateUrl: './landing.page.html',
  styleUrls: ['./landing.page.scss'],
})
export class LandingPage implements OnInit {

  constructor(private activatedRoute: ActivatedRoute,
    private router: Router) { }

  ngOnInit() {
    this.activatedRoute.queryParams.subscribe( (params: Params) => {
      console.log(params);
    });
  }

  navigate(query) {
    this.router.navigate(['/landing'], {
      queryParams: {mode: query},
    });
  }

}

我的 HTML 代码是

<ion-content padding>
  <h3>
      <a (click)="navigate('signIn')" >Sign In</a>
  </h3>
  <h3>
      <a (click)="navigate('signOut')">Sign Out</a>
  </h3>
</ion-content>

我也试过像

<a fill="clear" [routerLink]="['/landing']" [queryParams]="{'mode':'signIn'}">Tour of Heroes</a>

我正在尝试订阅查询参数。但是，当有变化时，它并不是“安慰”变化。

它适用于“路由器插座”，但不适用于“离子路由器插座”，有人可以告诉我我在这里做错了什么吗？谢谢你。