重置 Angular 模板引用变量

Question

在我的 Angular 应用程序中，我将此代码与模板引用变量一起使用 swiper

div *ngIf="stateName == 'SCHEDULE'">
  <swiper-container #swiper [pagination]="true">
  ...

如果 stateName 从 SCHEDULE 更改为另一个字符串，然后又返回 SCHEDULE，则 @ViewChild 变量在组件中未定义 (@ViewChild('swiper') public swiperRef: ElementRef | undefined;)

我现在的问题是如何重置 swiperRef 变量？

Answer 1

在 stateName 更改后尝试使用

ChangeDetectionRef.detectChanges

。