如何在Angular 7的状态更改时强制组件重新加载

import { Component, OnInit, ChangeDetectorRef } from '@angular/core';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent implements OnInit {
  data: any;

  constructor(private cdr: ChangeDetectorRef) { }

  ngOnInit() {
    // 初始化数据
    this.data = ...;
  }

  updateData() {
    // 更新数据
    this.data = ...;

    // 手动触发变更检测
    this.cdr.detectChanges();
  }
}

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

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent implements OnInit {
  data: any;

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

  ngOnInit() {
    // 初始化数据
    this.data = ...;
  }

  updateData() {
    // 更新数据
    this.data = ...;

    // 导航到当前路由
    this.router.navigate([this.route.snapshot.url]);
  }
}