你如何让Angular 2组件自行消灭?

前端之家收集整理的这篇文章主要介绍了你如何让Angular 2组件自行消灭?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用父级中的按钮创建多个下拉菜单组件,但我希望这些组件具有可以自行销毁的按钮.我确信它很简单,但似乎找不到任何可以做到的东西.我知道如何从父母那里摧毁它,但似乎无法从内部去做.谁知道?就在它被销毁之前,我如何向父母发送消息让它知道? (我在父母中有他们的实例,但父母中还有其他需要信号的东西)

我正在使用viewContainerRef.createComponent动态创建它们.模板看起来像这样:

<template item-host></template>

我尝试了@Output并得到了这个:

<template item-host [ERROR ->](destroyCheck)="someMethod($event)"></template>

解决方法

声明输出变量

@Output() destroyCheck:EventEmitter<string>=new EventEmitter<string>();

ngOnDestroy(){

          this.destroyCheck.emit('destroyed');

}

在您的父组件处理这种方式.

<div>
     <child-comp (destroyCheck)="someMethod($event)"> </child-comp>
</div>

您的方法应该被处理为

someMethod(something){
  console.log(something);
}

猜你在找的Angularjs相关文章