2016-10-19 77 views
6

我有组件(main-cmp)与来自数据库的行。 对于行,我为例如创建另一个组件。 row-cmp摧毁组件本身 - angular2

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。这可能吗 ?

回答

8

这不支持。我建议增加一个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> 
+1

谢谢!它为我工作:)祝你有美好的一天! :DDD –