Angular2光滑的旋转木马

Question

是否有创建ANGULAR2 slick carousel组件的教程。

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

Answer 1

1. 要在npm上安装光滑，您可以参考original documentation或只是运行

npm install slick-carousel

在项目目录中，npm也将解析jquery依赖项。

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

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