2017-06-06 87 views
1

我在GitHub上看到過一些關於貓頭鷹傳送帶和傳送帶的類似問題。但是他們不回答我的問題。Angular 2/4 - Carousel&jQuery插件

我正在建設一個基本的網站,並在一個時間點,我需要一個可以容納多個圖像的旋轉木馬,像owl-carouselslick那樣工作。

這些插件是成千上萬的jQuery插件的一些例子,這使得構建web更容易(當不使用角度2/4時)。

我想使用jQuery插件,但是我不知道使用它們時會遇到的問題和挑戰。

這裏是我的問題關於Angular 2/4列表:

  • 我應該使用jQuery插件時,有沒有替代方案?

  • 如果我使用jQuery插件,會導致什麼情況?

  • 如果我以最好的方式使用jQuery插件,我仍然可以使用Angular Universal

  • 還有什麼替代方法?

回答

1

歡迎你使用jQuery插件時,有沒有其他的替代品,但幾乎總是最嚴格的JS jQuery插件一個更好的選擇。

如果您使用jQuery插件,您將失去Angular用於創建跨瀏覽器兼容的快速和緊湊呈現的許多關鍵交互。

旋轉木馬的最佳選擇是Bootstrap - Carousel。 Bootstrap通常內置於您在GitHub上找到的大多數Angular樣板和模板中。檢查出https://ng-bootstrap.github.io/#/getting-startedhttps://ng-bootstrap.github.io/#/components/carousel。它爲基於角度的旋轉木馬提供了快速實施。

+1

是的,但bootstrap-carousel不支持我需要的所有功能(比如說:與owl-carousel在同一張幻燈片上的很多項目) – Coder

+0

是否存在「鍵交互」的特定列表angular提供了我將丟失的何時使用Angular? – Coder

+0

最重要的是,你不會輕易地直接將服務注入到jQuery插件輪播中,而無需自己構建指令。您可以將多個項目作爲服務插入到一張幻燈片中,並使用引導程序注入到一張幻燈片ID中。總體思路是ng-carousel可以直接整合服務,而JiT用戶只需下載需要的東西。其他插件可能會一次加載所有內容,這會降低您的應用速度。 –