Swiper自动播放在Angular中不起作用(单张幻灯片)

import { Component, ViewChild } from '@angular/core';
import { SwiperComponent } from 'ngx-swiper-wrapper';

@Component({
  selector: 'app-slider',
  template: `
    <swiper [config]="swiperConfig">
      <div class="swiper-wrapper">
        <div class="swiper-slide">Slide 1</div>
      </div>
    </swiper>
  `,
})
export class SliderComponent {
  @ViewChild(SwiperComponent) swiper: SwiperComponent;

  swiperConfig = {
    autoplay: {
      delay: 3000, // 设置自动播放的间隔时间
      disableOnInteraction: false, // 用户操作后是否停止自动播放
    },
  };
}

import { AfterViewInit, Component, ViewChild } from '@angular/core';
import { SwiperComponent } from 'ngx-swiper-wrapper';

@Component({
  selector: 'app-slider',
  template: `
    <swiper [config]="swiperConfig">
      <div class="swiper-wrapper">
        <div class="swiper-slide">Slide 1</div>
      </div>
    </swiper>
  `,
})
export class SliderComponent implements AfterViewInit {
  @ViewChild(SwiperComponent) swiper: SwiperComponent;

  swiperConfig = {
    autoplay: {
      delay: 3000, // 设置自动播放的间隔时间
      disableOnInteraction: false, // 用户操作后是否停止自动播放
    },
  };

  ngAfterViewInit() {
    this.swiper.directiveRef.startAutoplay(); // 启动自动播放
  }
}