2017-06-06 15 views
1

私はGitHubについて、フクロウカルーセルとカルーセルに関する一般的な質問をいくつか見てきました。しかし、彼らは私の質問に答えません。角2/4 - カルーセルとjQueryプラグイン

私は基本的なウェブサイトを構築しています。ある時点では、複数の画像を保持できるカルーセルが必要で、owl-carouselまたはslickのように動作します。

これらのプラグインは何千ものjQueryプラグインの例です(角度2/4を使用しない場合)。

私はjQueryプラグインを使用したいと思いますが、私はそれらを使用する際の問題と課題を認識していません。ここで

Angular 2/4に関する私の質問のリストです:何の選択肢がない場合

  • 私はjQueryのプラグインを使用する必要がありますか?

  • jQueryプラグインを使用した場合、どうすれば失われますか?

  • 私が最良の方法でjQueryプラグインを使用しても、Angular Universalを引き続き使用できますか?

  • どのような代替手段がありますか?

答えて

1

あなたは他の選択肢がない場合jQueryのプラグインを使用することを歓迎しているが、最も厳格なJS jQueryのプラグインよりも、ほとんど常により良い代替手段があります。

jQueryプラグインを使用すると、Angularがブラウザ間で互換性のある迅速でコンパクトなレンダリングを作成するために使用する多くの主要なやりとりが失われます。

カルーセルの最善の選択肢は、ブートストラップ - カルーセルです。ブートストラップは、多くの場合、GitHubで見つけられるほとんどのAngular定型文とテンプレートに組み込まれています。 https://ng-bootstrap.github.io/#/getting-startedhttps://ng-bootstrap.github.io/#/components/carouselをチェックしてください。 Angularベースのカルーセルのための迅速な実装を提供します。

+1

はい、but bootstrap-carouselは私が必要とするすべての機能をサポートしていません(owl-carouselと同じスライド上にある多くの項目があります) – Coder

+0

私が失う「キー相互作用」角度の特定のリストはありますか?角度を使用する場合? – Coder

+0

主なことは、自分でディレクティブを構築することなく、サービスをjQueryプラグインカルーセルに直接挿入することは容易ではないということです。 1つのスライドに多数のアイテムを置くことができます。各アイテムは、ブートストラップで1つのスライドIDにサービスとして注入します。一般的な考え方は、n-carouselが直接サービスを統合でき、JiTユーザーは必要なものだけをダウンロードすることです。他のプラグインはすべてを一度に読み込む可能性が高いため、一般的にアプリの速度が遅くなります。 –

0

私は素晴らしいアニメーションとlazyloadオプションで角の良いフクロウカルーセルのようなプラグインを見つけました。これはnpm https://www.npmjs.com/package/ngx-carouselで、デモはこちらhttps://sheikalthaf.github.io/ngx-carouselです。マテリアルチームはカルーセルを考えていないので、これは今日のところ、これが一番合っていると思います。

編集:私は自分のプロジェクトで使用しようとしましたが、設計が不適切です。

関連する問題