单独销毁组件 - angular2

时间:2016-10-19 09:57:33

标签: javascript angular typescript

我有来自数据库的行的组件(main-cmp)。 对于行,我创建了另一个组件,例如。 row-cmp

main-cmp已请求数据库中的数据,并将其解析为

<row-cmp *ngFor="let row of data" 
     [id]="row.id" 
     [name]="row.name" 
     [value]="row.value">
</row-cmp>

row-cmp中,我已声明delete()函数向我的后端调用http请求。现在,当来自请求的响应为真时,我想要销毁所选行的row-cmp。这可能吗 ?

1 个答案:

答案 0 :(得分:9)

不支持此功能。我建议添加一个eventemitter

@Output() delete:EventEmitter = new EventEmitter();

然后添加一个事件处理程序,从数据数组中删除该项

<row-cmp *ngFor="let row of data;let i=index" (delete)="data.splice(i,1)"
     [id]="row.id" 
     [name]="row.name" 
     [value]="row.value">
</row-cmp>