Angular2 Slick Karussell

Question

Gibt es ein Tutorial zum Erstellen einer ANGULAR2 slick carousel Komponente.

Oder zumindest kann mir jemand helfen, jQuery und slick Karussell-Skript in ANGULAR2 einzuschließen.

Answer 1

1. Um glatt über npm installieren Sie die original documentation oder laufen nur

npm install slick-carousel

in Ihrem Projektverzeichnis und npm jquery Abhängigkeit als auch lösen wird beziehen.

2. Fügen Sie jquery und Slick Bibliotheken
   • Wenn Sie Winkel-cli verwenden, dann sind Bibliotheken in Winkel cli.json Datei: ... "scripts": [ "../node_modules/jquery/dist/jquery.min.js", "../node_modules/slick-carousel/slick/slick.min.js" ], ...
   • auch können Sie sind direkt Bibliotheken einige andere Optionen in index.html Datei
   • oder
3. zu another stackoverflow question auf siehe verwenden, wie ein sli erstellen ck-Slider-Komponente.

Answer 2

Sie könnten in ngx-drag-scroll aussehen wollen, es verfügt über Funktionen wie Ziehen mit der Maus zu scrollen und Scrollbar usw.

Anwendungsbeispiel zu verstecken:

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

Weitere Dokumentation, dort eine Demo-Seite: https://github.com/bfwg/ngx-drag-scroll