Angular2光滑旋轉木馬

Question

是否有教程來創建ANGULAR2 slick carousel組件。

或者至少任何人都可以幫助我在ANGULAR2中包含jQuery和流暢的輪播腳本。

Answer 1

1. 要安裝在NPM華而不實，您可以參考original documentation或只是運行

npm install slick-carousel

在項目目錄

和NPM將解決jQuery的依賴也。

包括jQuery和光滑庫

• 如果使用角-CLI，那麼包括在角cli.json文件庫： ... "scripts": [ "../node_modules/jquery/dist/jquery.min.js", "../node_modules/slick-carousel/slick/slick.min.js" ], ...
• 也可以直接包括圖書館index.html文件
• 或者使用一些其他的選擇

參考another stackoverflow question關於如何創建一個SLI ck-slider組件。

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