Angular 2：如何删除动态创建的子组件

Question

我有一个列表组件，在列表组件中，有使用componentFactoryResolver / createComponent动态创建的子项组件。有一个按钮，允许您删除相应的项目组件。我怎样才能做到这一点？我不知道如何识别项目组件（例如它的索引是什么？）被点击并在组件列表中销毁该特定组件。

ListComponent.html

<button (click)="add()></button>
//this is where the item components will be created

ListComponent.ts

add() {
    const factory = this.componentFactoryResolver.resolveComponentFactory(ItemComponent);
    this.itemRef = this.viewContainerRef.createComponent(factory);
}

ItemComponent.html

<button (click)="deleteItem()"></button>
<list-component></list-component>