Angular与ionic的快乐生活之 “ion-slides“组件横向滑块/轮播图

最新推荐文章于 2020-12-26 14:30:26 发布

二哈想吃比巴卜

最新推荐文章于 2020-12-26 14:30:26 发布

阅读量371

点赞数

分类专栏： angular 文章标签： angular js

本文链接：https://blog.youkuaiyun.com/qq_44963669/article/details/110563288

版权

本文档详细介绍了在Angular与Ionic项目中如何使用`ion-slides`组件创建横向滑块和轮播图。针对百度上相关资源较少的问题，提供了可以直接使用的代码示例，便于开发者学习和应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Angular与ionic的快乐生活之 "ion-slides"组件横向滑块/轮播图

这个例子很简单但是非常实用，官网上也有，但不适合查找，百度这方面的词条太少了。所以我打算将这个经典的组件使用方式进行记录。方便大家学习查找，并备注。

//pager 是轮播知识灯
//[options]=“{}”，以对象的形式书写可以更好的控制这个轮播，对于我们使用最直接的属性是  detay:2000 这是控制时间的 用的是计算机毫秒数，2000就是两秒，所以控制这个时间就可以控制这个轮播速度了
 <ion-slides
    pager
    [options]="{
      autoplay: {
        disaleOnInteraction: false,
        delay: 2000
      },
      loop: true
    }"
  >
  //  ion-slide：每一个滑块，这里可以放多个 ion-slide  这

最低0.47元/天解锁文章