如何在angular9中添加新数据后重新加载组件

<button (click)="addNewData()">添加新数据</button>

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

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

  constructor(private router: Router, private cdr: ChangeDetectorRef) { }

  ngOnInit(): void {
    // 初始化数据
    this.loadData();
  }

  addNewData(): void {
    // 添加新数据
    this.data.push({/* 新数据内容 */});

    // 通知变化检测，并更新视图
    this.cdr.markForCheck();

    // 重新加载组件
    this.router.navigate([this.router.url]);
  }

  loadData(): void {
    // 加载数据的逻辑
    // 可以使用HttpClient请求数据，并更新this.data数组
  }
}