最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - Destroy component by itself - angular2 - Stack Overflow

programmeradmin3浏览0评论

I have ponent (main-cmp) with rows from database. For rows I create another ponent for eg. row-cmp

main-cmp have requested data from database, and parse it as

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

In row-cmp I have declare delete() function who call http request to my backend. Now when response from request is true I want to destroy row-cmp for selected row. Is this possible ?

I have ponent (main-cmp) with rows from database. For rows I create another ponent for eg. row-cmp

main-cmp have requested data from database, and parse it as

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

In row-cmp I have declare delete() function who call http request to my backend. Now when response from request is true I want to destroy row-cmp for selected row. Is this possible ?

Share Improve this question edited Sep 8, 2017 at 16:12 Sagar 3,2452 gold badges29 silver badges37 bronze badges asked Oct 19, 2016 at 9:57 Kacper PolakKacper Polak 1,41115 silver badges24 bronze badges
Add a ment  | 

1 Answer 1

Reset to default 9

This is not supported. I'd suggest to add an eventemitter

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

and then add an event handler that removes the item from the data array

<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>
发布评论

评论列表(0)

  1. 暂无评论