如何在Angular-7数据表中设置行id？

Question

我使用的是angular 7，但是我似乎找不到您为行设置id的位置(行id，而不是整个表id)。总体而言，它看起来有点奇怪，因为它使用的是行，而不是行。

浏览文档(https://www.npmjs.com/package/angular7-data-table)尝试了一些标准的东西，比如在随机的地方使用id='item.id'，rowId='item.id‘，看看它们在哪里弹出。

<data-table 
id="peopleTable" 
[title]='People' 
[items]='datas$' 
[header]="true" 
[pagination]="false" 
[indexColumn]="false" 
noDataMessage="No people">

        <data-table-column 
        [sortable]='true'
        [header]='tosHead'>
            <ng-template #dataTableCell let-item="item"> 
                  {{item.someValue.someOtherValue}}
            </ng-template>
        </data-table-column>

        <data-table-column
            [header]='someHead'
            [property]="'someNumber'"
            [sortable]='true'>
        </data-table-column>
...
</data-table>

Expected:有一个rowId属性，我可以将item.id赋值给Actual:文档中没有提到id属性

Answer 1

angular7数据表不包含行ids的属性。因此，要么扩展数据表以创建具有该属性的自定义数据表，要么选择另一种类型的数据表。

它不在文档(https://www.npmjs.com/package/angular7-data-table)中，也不属于这三个组件中的任何一个，即table.component.ts、row.component.d.ts或column.directive.d.ts

编辑：

从angular7数据表中删除一项可以通过从包含它的数组中删除该项来完成。

示例：

example.ts

    var array = [item1], [item2], [item3];

...

    delete(item){
    this.array = this.array.filter(obj => obj !== item);
    }

example.html

<data-table [items]='array'>
    <data-table-column [property]='item.SomeProperty>
    </data-table-column>

    <data-table-column>
         <i class='btn btn-primary' (click)='delete(item)'>Delete</i>
    </data-table-column>
</data-table>