从angular 6中的另一个组件重新加载事件中的特定组件

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

@Component({
  selector: 'app-target',
  templateUrl: './target.component.html',
  styleUrls: ['./target.component.css']
})
export class TargetComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

  reloadComponent() {
    // 重新加载组件的逻辑代码
    // 可以重新初始化组件的数据和状态
  }

}

import { Component, OnInit } from '@angular/core';
import { TargetComponent } from '../target/target.component';

@Component({
  selector: 'app-source',
  templateUrl: './source.component.html',
  styleUrls: ['./source.component.css']
})
export class SourceComponent implements OnInit {

  constructor(private targetComponent: TargetComponent) { }

  ngOnInit() {
  }

  reloadTargetComponent() {
    this.targetComponent.reloadComponent();
  }

}

<button (click)="reloadTargetComponent()">重新加载目标组件</button>