Angular 2的简单传送带/滑块组件–Ng2-carouselamos

Angular 2的简单传送带/滑块组件–Ng2-carouselamos
插件名称 Ng2-carouselamos
发布时间 2020年9月1日
插件作者 joselcvarela

Ng2-carouselamos是一个简单的轮播/滑块,仅使用CSS过渡即可完成工作。

安装:

npm i ng2-carouselamos –save

然后,在您的app.module.ts中:

import { Ng2CarouselamosModule } from 'ng2-carouselamos';
...
@NgModule({
  ...
  imports: [
    ...
    Ng2CarouselamosModule
  ],
  ...
})

文献资料

ng2-carouselamos -应用轮播的属性

startAt-要渲染的初始幻灯片。预设为0。

width -显示的窗口大小

items -属于轮播的对象数组

$item -每个项目的模板

$prev -上一个按钮的模板

$next -下一个按钮的模板

onSelectedItem($event)-捕捉元素时触发的事件。$ event是一个包含当前项目和当前索引的对象-{item:…,index:…}

$item模板内部,我们可以访问以下内容:

  • let-item -对象数组的当前元素
  • let-i="index" -当前指数