Angular2光滑的旋转木马

Question

是否有创建ANGULAR2 光滑轮播组件的教程.

或者至少任何人都可以帮我在ANGULAR2中包含jQuery和光滑的轮播脚本.

Answer 1

1. 要在npm上安装光滑,您可以参考原始文档或运行

npm install slick-carousel

在您的项目目录中,npm也将解析jquery依赖项.

2. 包括jquery和光滑的库
   • 如果您使用的是angular-cli,请在angular-cli.json文件中包含库: ... "scripts": [ "../node_modules/jquery/dist/jquery.min.js", "../node_modules/slick-carousel/slick/slick.min.js" ], ...
   • 您也可以直接在index.html文件中包含库
   • 或使用其他一些选项
3. 请参阅另一个有关如何创建光滑滑块组件的stackoverflow问题.

Answer 2

您可能想查看ngx-drag-scroll，它具有鼠标拖动滚动和隐藏滚动条等功能。

用法示例：

<div drag-scroll drag-scroll-y-disabled="true" scrollbar-hidden="true" >
  <img *ngFor="let image of imagelist" [src]="'you_assets_path' + image" />
</div>

有关更多文档，有一个演示站点：https : //github.com/bfwg/ngx-drag-scroll