问题标签 [angular-carousel]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1696 浏览

angularjs - 角轮播不起作用

bower.json 文件的内容:

查看(带中继器和不带中继器):

email.value.files

控制台没有错误,存在 css 文件,使用检查元素时指令的根元素为 0px-0px。

0 投票
0 回答
767 浏览

css - 具有不同图像大小的 Angular Carousel

我正在尝试使用 AngularJS Touch Carousel 指令为我的 Ionic Framework 移动应用程序创建一个轮播。

使用的轮播:https ://github.com/revolunet/angular-carousel

我的小提琴:http: //jsfiddle.net/Purus/tsvpu9cs/

问题是我的图像可以是任意大小。当图像尺寸不同时,我不确定如何获得好的轮播,如小提琴所示。

下面是 HTML 代码。

CSS如下:

0 投票
1 回答
755 浏览

javascript - Angular Carousel - 需要“位置:绝对”
  • 元素?
  • 我一直在努力让rn-carousel正常工作,幻灯片 2+ 完全不在位
    ......直到我偶然发现这个(看似无关的)问题:
    https ://github.com/revolunet/angular-carousel/issues/245

    我添加了以下使事情完美运行的类:

    然后我开始消除所有 CSS 样式,直到找到解决问题的样式:

    显然“位置:绝对”是所有<li>元素上必需的 CSS 样式??

    (相当有限的)文档中没有提到任何内容......
    - 我在某处有错误吗?
    - 这是我不知道的标准 CSS 问题吗?
    (有关信息,该rn-carousel指令会display: inline-block自动<li>添加)

    在以下版本范围内进行了尝试,结果相同:
    - rn-carousel 版本 0.3.5 - 0.3.9
    - angularjs 版本 1.3.0 - 1.3.12

    普朗克

    0 投票
    2 回答
    900 浏览

    angularjs - 使用 Directive->controller change 更改 Angular Carousel 位置不起作用

    我正在尝试创建一些事件触发器来更改 Angular Carousel ( Github repo ) 的位置。

    请参阅 plunker以获取工作版本

    预期的行为是您单击“转到位置:0”的文本,并且轮播会将索引位置更改为 0。

    这是使用 Carousel 上的双向绑定来完成的:rn-carousel-index="carouselIndex"

    此范围值通过设置传递给指令:carousel-index="carouselIndex"

    修改的控制器方法carouselIndex也通过以下方式传递给指令:index-model="indexModel(value)"

    该指令采用范围并具有绑定到应该更改 Carousel 位置的文本的函数:

    正如你所看到的,当你点击时,观察者$carouselIndex并不总是改变。此外,更重要的是,改变位置的轮播行为不起作用。

    0 投票
    1 回答
    114 浏览

    angular-carousel - 使用 Angular-carousel 时 AngularJS 中的指示器出错

    我是 AngularJS 的新手。我使用 angular-carousel 实现了一个简单的幻灯片放映应用程序。但是,当我单击项目符号项时,它会抛出诸如“TypeError:e.assign 不是函数”之类的错误。

    0 投票
    1 回答
    564 浏览

    angularjs - 附加到角旋转木马的无限数量的幻灯片

    我使用rn-carouselwithng-repeat并且可以在我的所有项目之间滑动。但是,列表中附加了无限数量的空白项目,这意味着我可以无限次向右滑动自己的项目,它会显示空白幻灯片。

    即使使用非常基本的标记也会发生这种情况:

    并且无论设备如何。

    此外,下一个 '>' 控制链接永远不会显示在任何幻灯片上,当用户登陆第一张幻灯片并且甚至不知道右侧还有其他幻灯片时,这会产生误导。

    任何猜测可能是问题的根源?还是一种调试方法?

    0 投票
    1 回答
    571 浏览

    javascript - 科尔多瓦的角旋转木马只是不工作

    我正在尝试在我正在开发的这个应用程序上制作一个小幻灯片。它是在 Cordova 中使用 Angular for iOS 构建的。

    这是相关的代码。

    我尝试了以下几个版本:

    我可以使用 ng-repeat 显示我的图像,但由于某种原因,该指令没有生效。当然,我没有收到任何错误消息,并且应该安装的所有内容都已安装(ngTouch,angular-carousel)。console.log 显示指令本身在 angular-carousel 中被调用。

    有人知道我不知道的事情吗?

    0 投票
    1 回答
    924 浏览

    javascript - Angular-Carousel 模块无法加载

    我正在尝试在我的网站上实现图片库“angular-carousel”。但是 Angular 在加载轮播时会抛出错误:

    未捕获的错误:[$injector : modulerr] http://errors.angularjs.org/1.3.14/$injector/modulerr?p0=myApp&p1=Error%3A%…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.14 %2Fangular.min.js%3A17%3A381)

    我在 Node 和 Express 上运行,我使用 CDN Source 进行 angular-carousel:

    这是我想放置旋转木马的地方:

    这是我的控制器部分:

    没有轮播图像加载完美。希望得到帮助:)

    0 投票
    1 回答
    453 浏览

    angularjs - 角度旋转木马不起作用

    我正在尝试通过使用angular-carousel插件来实现轮播,但没有任何效果,只是空屏幕。

    这是我的html代码:

    应用程序和控制器代码:

    我正在使用angularjs 1.4.5and angular-carousel 0.3.13,我做错了什么?

    0 投票
    1 回答
    1035 浏览

    javascript - 角度旋转木马指示器不工作

    我正在使用angular-carousel在轮播中显示一组图像。除了指示器外,轮播工作正常。指示器没有显示。以下是 carous 的代码。

    以下是显示指标的 div。

    任何人都可以建议如何让指标工作。 在此处输入图像描述