【问题标题】:AngularJS ng-repeat carousel without jQuery没有jQuery的AngularJS ng-repeat轮播
【发布时间】:2016-11-15 11:16:23
【问题描述】:

我需要使用 ng-repeat 在我的页面上显示元素,其行为类似于轮播 - 它们应该包含照片、简短描述,并且在点击时每个元素都应该显示详细描述。此外,我希望它适合移动设备使用 - 因此用户可以水平滑动元素。

这是我在这里的第一个问题,我总是在 stackoverflow 上找到问题的正确答案,但在这种情况下,我完全迷失了。

我发现了几个可能满足我需求的模块(例如 angular-slick),但是它们中的大多数都包含大量代码,通常是 jQuery。我已经读过,如果可能的话,应该在 angularJS 项目中避免使用 jQuery。

有没有一种简单的、“角度”的方式来创建它,而不使用 jQuery?

【问题讨论】:

  • 如果尝试直接在项目中使用,应该避免使用 jQuery,但是包装 jQuery 库的指令完全没问题...比从头开始制作它更快、更容易。或者如果你能找到一个不同的角度指令,那么就去做吧。但听起来像 angular-slick 应该没问题?
  • 谢谢,Kai 的建议似乎对我有用——关于依赖于 jQuery 的插件——我想让我的项目尽可能简单,所以我真的很想避免 jQuery 依赖。仍然不知道为什么我一开始不看 ui-bootstrap ;)

标签: javascript angularjs angularjs-ng-repeat carousel ng-repeat


【解决方案1】:

试试ui-bootstrap。它用纯 Angular 的东西替换了 Bootstrap 的 jQuery 驱动的组件(包括轮播)。

【讨论】:

  • 非常感谢,我不知道为什么我认为 ui-bootstrap 需要 jQuery :|似乎引导轮播对我有用,实际上使用 ngTouch 我将能够使其对移动设备友好;)
猜你喜欢
  • 2018-10-15
  • 1970-01-01
  • 1970-01-01
  • 2012-10-03
  • 2017-12-22
  • 2018-11-06
  • 1970-01-01
  • 2013-08-11
  • 1970-01-01
相关资源
最近更新 更多