Angular搭配Swiper-分页不工作
创始人
2024-10-24 00:31:32
0
  1. 确保你在 HTML 文件中正确地使用了 Swiper 分页,例如:

  Slide 1
  Slide 2
  Slide 3

  
  1. 在组件文件中引入 ngx-swiper-wrapper 组件:
import { SwiperOptions } from 'swiper';

// ...

export class MyComponent {
  public config: SwiperOptions = {
    // Swiper 分页选项
    pagination: { el: '.swiper-pagination', clickable: true }
  };
}
  1. 在 HTML 文件中使用 ngx-swiper-wrapper 组件:

  {{ item }}

  
  1. 在组件文件中初始化 Swiper:
import { ViewChild, AfterViewInit } from '@angular/core';
import { SwiperComponent } from 'ngx-swiper-wrapper';

// ...

export class MyComponent implements AfterViewInit {
  // 获取 ViewChild 实例
  @ViewChild(SwiperComponent) public componentRef?: SwiperComponent;

  // ...

  public ngAfterViewInit(): void {
    // 等待渲染完成后初始化 Swiper
    setTimeout(() => {
      if (this.componentRef) {
        this.componentRef.swiper().update();
      }
    });
  }
}

相关内容

热门资讯

专业透视!德州透视插件!竟然是... 专业透视!德州透视插件!竟然是有辅助app(真的有挂)-哔哩哔哩一、德州透视插件游戏安装教程牌型概率...
解密透视!德州机器人代打脚本!... 解密透视!德州机器人代打脚本!确实有辅助app(有挂秘诀)-哔哩哔哩1、德州机器人代打脚本公共底牌简...
开挂透视!newpoker脚本... 开挂透视!newpoker脚本!其实一直总是有辅助工具(有挂教程)-哔哩哔哩1、每一步都需要思考,不...
解谜透视!epoker透视!好... 解谜透视!epoker透视!好像一直总是有辅助神器(有挂技巧)-哔哩哔哩一、epoker透视游戏安装...
了解透视!pokemmo内置修... 了解透视!pokemmo内置修改器!总是是真的有辅助脚本(有人有挂)-哔哩哔哩1、下载好pokemm...
分享透视!德州机器人代打脚本!... 分享透视!德州机器人代打脚本!好像有辅助攻略(存在有挂)-哔哩哔哩1、金币登录送、破产送、升级送、活...
必备透视!智星德州有脚本吗!确... 必备透视!智星德州有脚本吗!确实真的有辅助技巧(发现有挂)-哔哩哔哩1、很好的工具软件,可以解锁游戏...
分享透视!约局吧德州可以透视吗... 分享透视!约局吧德州可以透视吗!其实是真的有辅助神器(有挂分析)-哔哩哔哩1、在约局吧德州可以透视吗...
分享透视!poker worl... 分享透视!poker world辅助!一贯一直总是有辅助神器(有挂透视)-哔哩哔哩1、玩家可以在po...
开挂透视!pokeplus脚本... 开挂透视!pokeplus脚本!切实存在有辅助软件(有挂分析)-哔哩哔哩1、该软件可以轻松地帮助玩家...