Как удалить строку в ng2-smart-таблице - PullRequest
Новая
       27

Как удалить строку в ng2-smart-таблице

1 голос
/ 18 апреля 2019

Я работаю над угловым проектом. Я использую ng2-smart-table в качестве таблицы в своем проекте. Я уже подключился к google cloud firestore и теперь могу добавлять и извлекать данные с помощью firestore. Я хочу сделать опцию для удаления строк. Как мне это сделать? Я добавил вышеупомянутую таблицу в компонент производства.

manufacture.component.ts 

import { Component, OnInit } from '@angular/core';
import { ManufactureService } from './manufacture.service';
import { Manufacture } from './manufacture.model';

@Component({
selector: 'ngx-manufacture',
styles: [],
template: `
    <ng2-smart-table
    (createConfirm)="addData($event)"
    (deleteConfirm)="deleteData($event)"
    [settings]="settings"
    [source]="manu"
    >
    </ng2-smart-table>
`
})
export class ManufactureComponent implements OnInit {
    manu: Manufacture[] = [];

    constructor(private service: ManufactureService) {}

    ngOnInit() {
        alert(this.service.show());

        this.service.getManufacture().subscribe(arr => {
        let manu_list = arr.payload.get('manufact');
        if (manu_list) {
            this.manu = manu_list;
        }
        });
    }

    settings = {
        add: {
        addButtonContent: '<i class="nb-plus"></i>',
        createButtonContent: '<i class="nb-checkmark"></i>',
        cancelButtonContent: '<i class="nb-close"></i>',
        confirmCreate: true
        },
        edit: {
        editButtonContent: '<i class="nb-edit"></i>',
        saveButtonContent: '<i class="nb-checkmark"></i>',
        cancelButtonContent: '<i class="nb-close"></i>'
        },
        delete: {
        deleteButtonContent: '<i class="nb-trash"></i>',
        confirmDelete: true
        },
        columns: {
        shopname: {
            title: 'Shop Name'
        },
        ownername: {
            title: 'Owner Name'
        },
        nic: {
            title: 'NIC'
        },
        contactno: {
            title: 'ContactNo'
        },
        address: {
            title: 'Address'
        },
        email: {
            title: 'Email'
        }
        }
    };

    addData(data) {
        this.manu.push(data.newData);
        console.log(this.manu);
        this.service.addManufacture({ manufact: this.manu }).subscribe(next => {
        data.confirm.reject();
        });
    }

    deleteData(data) {
        this.service.deleteManufacture();
    }
}

Я могу удалить весь документ, но я хочу удалить только одну отдельную строку.

1 Ответ

2 голосов
/ 18 апреля 2019 
deleteSpecificRow(event) {
    this.service.deleteTheRow(event.data.id);
}

Я думаю, что вы уже внедрили службу (deleteTheRow), которая удаляет одну строку, используя идентификатор, надеюсь, это поможет!

функция deleteTheRow (): 

deleteTheRow(id) {return
   this.firestore
   .collection("yourCollection")
   .manu(id)
   .delete();}

- Полагаю, вам стоит взглянуть на это: https://itnext.io/how-to-crud-in-angular-firebase-firestore-456353d7c62

...