小编Abb*_*bby的帖子

我使用Swiperwith angular 5，但如果我设置slidesPerView: 'auto'，幻灯片将无法工作（看不到所有滑块），即使我设置了loopedSlides. 检查生成的CSS代码后，我发现swiper-wrapper是错误的translate3d(1024px, 0px, 0px)，并且我看不到滑块。 但如果我调整窗口大小，滑块就会显示！ 我可以知道为什么会发生这种情况吗？请帮忙解决这个问题，非常感谢！

源代码：

应用程序组件.ts

import { Component, AfterViewInit } from '@angular/core';
import Swiper from 'swiper';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements AfterViewInit {
  silderVm: Swiper;
  ngAfterViewInit(){
    this.silderVm = new Swiper('.swiper-container', {
      loop: true,
      loopedSlides: 2,
      centeredSlides: true,
      spaceBetween: 60,
      slidesPerView: 'auto'
    })
  }
}

应用程序组件.html

<div class="swiper-container">
  <div class="swiper-wrapper">
    <div class="swiper-slide">Slide 1</div>
    <div class="swiper-slide">Slide 2</div>
    <div class="swiper-slide">Slide 3</div> …

我们的项目使用了Angular 5和ngx-bootstrap. 当我使用tooltipof时ngx-bootstrap，发现tooltipalways在某些图层下，甚至它的z-index最高，这太奇怪了....有人知道如何解决这个问题吗？多谢。