ngForの使用中-配列からアイテムを削除すると、ネストされたレイアウトのすべてのディレクティブがエラーをスローします

私のテンプレートはグループを反復処理し、ネストされた要素、リストなどをレンダリングします。

<ul>
<li *ngFor="let group of groups">
...
    <ul class="list_devices">
        <li class="row list_devices_header" *ngIf="getNumberOfDevicesInGroup(group.id) > 0">
                                ...
        </li>
        <li class="row" *ngFor="let item of devices | matchesGroup:group.id">
                     ...
        </li>
    </ul>
</li>
</ul>

問題は、配列からグループを削除すると、次のようになります。

delete this.groups[index]

レンダリングされたレイアウトはまだそこにあり、エラーがスローされます。

DeviceListComponent.html:122 ERROR TypeError: Cannot read property 'id' of undefined

すでに削除されたオブジェクトを使用するネストされたディレクティブの場合。

多分私はそれを間違った方法でやっています。グループを削除して、ネストされた要素をすべて削除したい。どうすればそれを正しい方法で行うことができますか？

ありがとうございました