Не удалось выполнить «removeChild» на «узле»: удаляемый узел не является дочерним по отношению к этому узлу из-за использования ngfor в контейнере ng

Question

Я получаю сообщение об ошибке во время выполнения некоторого кода с возможностью датирования. У меня есть динамический и динамический набор данных.

<table id="example" style="width:100%" class="table table-striped table-bordered nowrap">
<thead>
    <tr>                                 
        <ng-container id="heading" *ngFor="let head of headings;let item= index;">
            <th>{{ head }}</th>
        </ng-container>
    </tr>
</thead>
<tbody>
    <ng-container *ngFor = "let data of tableData;let i = index;">
        <tr>
            <ng-container id="data_tr"  *ngFor="let head of headings">
                <td> {{ data[head] }}</td>
            </ng-container>
        </tr>
    </ng-container>
</tbody>
</table>

Я ожидаю обновления данных от onchange, но в первый раз они работают нормально, но не во второй раз. Во второй раз я получаю эту ошибку. Пожалуйста, предоставьте какое-нибудь решение.