如何使用typescript删除dom节点的所有子元素？

Question

我正在使用角度4来创建具有分页的网格。我使用tabledata.data元素进行了循环。当我调用分页函数时，我能够使用新的tabledata.data获取变量，并使用新条目填充现有表。但问题是它只保留旧条目。

            <table style="width:100%">
                <thead>
                    <tr>
                        <th *ngFor="let head of tableData.gridhead">{{head}}</th>
                    </tr>
                </thead>
                <tbody>
    <tr *ngFor="let ddata of tableData.data; let i = ddata" (click)="setClickedRow(ddata)" [class.active]="ddata.discountauthorizationid == selectedRow">
                        <td *ngFor="let dr of tableData.record | paginate: { itemsPerPage: pageItem, currentPage: p }">{{ddata[dr]}}</td>
                    </tr>
                </tbody>
            </table>

让我说我有这个结构

---->   th th th th th

row 1   td td td td td

分页函数调用后 我得到了什么：

---->   th th th th th

row 1   td td td td td

row 2   td td td td td

预期：

---->   th th th th th

row 2   td td td td td

如何在调用分页函数后删除第1行？或者如何删除所有行，然后添加新行2.