Angular 角度CDK虚拟滚动从列表中删除项目

在有角度的CDK虚拟滚动中，我使用了一个列表，并通过一个按钮向列表中添加了一些项目，这很有效。我有另一个按钮从列表中删除项目，但UI不会用删除的内容刷新

list: any[];


<cdk-virtual-scroll-viewport autoSize class="list-container lg" itemSize="5">
    <ul *cdkVirtualFor="let item of list; let i = index;  
          let lastItem = last" class="list-group-item list-group-items list-group">
        {{item}}
    </ul>
</cdk-virtual-scroll-viewport>

如何从列表中删除项目并刷新视图

---

注意：我使用的是不可观测的数据源。

只需创建新数组，而不需要不需要的项。比如像这样

this.list = this.list.filter((item, index) => index !== indexToDelete)

this.list = this.list.filter((item, index) => index !== indexToDelete)