2016-10-19 30 views
6

Tôi có thành phần (main-cmp) với các hàng từ cơ sở dữ liệu. Đối với các hàng, tôi tạo một thành phần khác cho ví dụ. row-cmpPhá hủy thành phần của chính nó - angular2

main-cmp đã yêu cầu dữ liệu từ cơ sở dữ liệu, và phân tích nó như

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

Trong row-cmp Tôi đã tuyên bố delete() chức năng người gọi yêu cầu http để phụ trợ của tôi. Bây giờ khi đáp ứng từ yêu cầu là đúng, tôi muốn hủy row-cmp cho hàng đã chọn. Điều này có thể không?

Trả lời

8

Điều này không được hỗ trợ. Tôi muốn đề nghị thêm một eventemitter

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

và sau đó thêm một event handler mà loại bỏ các mục từ mảng dữ liệu

<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

Cảm ơn! Nó làm việc cho tôi :) Chúc một ngày tốt lành! : DDD –

Các vấn đề liên quan