web-dev-qa-db-ja.com

Angular 4つの画像スライダー

私は良いAngular4画像スライダーコンポーネントの推奨事項を探しています、ngx-bootstrapとng2-owl-carouselを試しましたが、彼らは彼らが言うほどうまく機能せず、あなたが知っているならそれらについてのドキュメントはあまりありませんAngular4のよく文書化されたコンポーネントについては、情報に感謝します！

javascriptangularnpmcomponents
11
Daniel Alvarado

私は最近、私のangular 4プロジェクトのイメージスライダー（カルーセル/スリック）の場合と同じ問題に直面していました。

ngx-slickhttps://www.npmjs.com/package/ngx-slick （良いインストールガイドと使用ガイド）

最新バージョンのAngular（4.2.6）と互換性があります

2
shashank

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>

Scroll

デモサイト： https://bfwg.github.io/ngx-drag-scroll/ これは、Angular（5.0.1）の最新バージョンとも互換性があります。

3
Fan Jin