angular - 如何销毁 Angular 组件？

Question

我正在制作一个模态，我把它变成了一个组件 <modal-component> .

内<modal-component>我有一个关闭按钮。我要毁灭<modal-component>当我点击那个按钮时。

像这样的东西:

<button (click)="closeModal()">Close</button>

我也可以使关闭按钮成为一个组件。类似 <close-modal>如果有必要。

这可能吗？

Answer 1

parent 必须摧毁它的 child 。所以你可以从 child 发送一个事件

@Output()
onClose: EventEmitter<boolean> = new EventEmitter();

...
closeModal() {
    this.onClose.emit(true);
}

并在父级中捕获事件:

<modal-component *ngIf="showModal" (onClose)="modalClosed($event)">

和父组件:

modalClosed(isClosed) {
    this.showModal = false;
}

*ngIf指令将处理其余的。

可能是一两个错误，我在手机上...