删除支持项目时，Angular swiper 动态幻灯片不起作用

Question

我正在尝试将 swiper 用作一种分页，如果我打开某些内容并且在向后滑动时我想将其删除，则动态地在末尾添加一张幻灯片。我有一个代表幻灯片的后备数组，将 ngfor 用于“ng-template swiperslide”，单击时我将一个元素推送到该数组，对于 swiper，我对“slidesLengthChange”做出反应并滑动到最后，然后在“slidePrevTransitionEnd "，我弹出这个数组的最后一个元素。但它不会删除它。尝试通过多种方式强制更新（例如，在 ngAfterContentChecked: this.swiper.updateSwiper({}) 中，手动删除最后一张幻灯片，虚拟幻灯片），似乎没有任何效果。

https://codesandbox.io/s/swiper-angular-example-forked-sp1kq

（检查“控制台”选项卡，选择“过滤器”为“信息”）

其他信息

如果其他组件触发此“pop()”，它会起作用，但在 swiper 事件中，它不会在“pop”（或“push”）上重新呈现

Answer 1

在“pop”按预期更新视图后注入 ChangeDetectorRef 并使用“changeDetectorRef.detectChanges()”