angular - 组件可以调用自毁事件吗

Question

我有一个父组件，它在单击链接时打开一个新组件，这个新组件应该有一个关闭按钮，该按钮在关闭时向父组件发送关闭消息并自行销毁。

我们可以使用 ngOnDestroy 方法发送关闭消息，但我如何调用子组件的销毁。

<parent>
    <child></child> //child to be opened on click but close 
                    //event should be inside the child componenet
</parent>

如果我在这里有一些概念上的错误，请纠正我。谢谢

Answer 1

如果您使用 ViewContainerRef.createComponent() 添加组件，如 Angular 2 dynamic tabs with user-click chosen components 所示，那么当您将 cmpRef 传递给创建的组件时，组件可以自行销毁。

否则我觉得没有办法。您可以将一个值传递给父级，以便 *ngIf 删除该组件。

<child *ngIf="showChild" (close)="showChild = false"></child>

class ParentComponent {
  showChild:boolean = true;
}

class ChildComponent {
  @Output() close = new EventEmitter();

  onClose() {
    this.close.emit(null);
  }
}