小编Sri*_*uva的帖子

我经历了角度动态加载组件。但是我找不到如何动态删除组件。

我的要求是聊天应用程序根据对话加载动态组件（图像/图形/列表/表）。但是，如果对话继续进行，我该如何销毁该组件。

我正在尝试通过外部事件破坏动态组件。

请帮助如何进行。

编辑：https : //stackblitz.com/angular/emjkxxxdxmk? file = src%2Fapp%2Fad- banner.component.ts

我根据此示例开发了代码。而不是时间间隔，我需要使用来自订阅了另一个组件（聊天组件）的服务的API调用。

下面的API响应可以加载该组件。我正在寻找如何销毁已经加载的组件，我再次使用API​​调用。

public sendMessage(data): void {
    this.messages.push(this.message);
    this.API.getResponse(data).subscribe(res => {
      this.previousContext = res.context;
      console.log('res', res);
      if (res.result.type == 'table') {
        this.DataService.setTrigger(new AdItem(Table2Component, res));
      }
      this.messages.push(
        new Message(res.text, 'assets/images/bot.png', new Date(), 'chatbot')
      );
    });
    this.message = new Message('', 'assets/images/user.png', this.message.timestamp, 'user');
  }

我能够通过模板绑定（在 ngInit 上）将数据从父级传递给子级。但是如何在父组件更新时共享相同的数据。是否可以在不涉及服务的情况下共享（从父组件到子组件）更新的数据？

我试过模板 <child-template *ngIf='data' [data]='data'></child-template>

但这仅传递数据 1 次。如果数据在父组件中更新怎么办？