问题标签 [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 投票
0 回答
410 浏览

node.js - Angular-ui Bootstrap 错误要求未定义

我正在实现 angular-ui 轮播。将 jspm 包添加到现有项目后,我在控制台中看到以下错误。

:3000/jspm_packages/bower/angular-ui/bootstrap@1.2.2/index.js:3 Uncaught ReferenceError: require is not defined$@system.js:4 system.js:4 Uncaught Uncaught ReferenceError: require is not defined 评估localhost:3000/jspm_packages/bower/angular-ui/bootstrap@1.2.2/index.js$ @ system.js:4 localhost/:1 Uncaught (in promise) Uncaught Uncaught ReferenceError: require is not defined Evaluating localhost:3000/ jspm_packages/bower/angular-ui/bootstrap@1.2.2/index.js 评估 localhost:3000/jspm_packages/bower/angular-ui/bootstrap@1.2.2.js 加载 localhost:3000/js/bootstrap.js 时出错

0 投票
0 回答
72 浏览

angularjs - 带有多个项目的角度旋转木马

我想使用 angular-carousel 库创建轮播。我想一次显示 3 张幻灯片,并且在滑动时应该只滑动一个项目。

0 投票
1 回答
498 浏览

javascript - Angular-carousel 并不总是在幻灯片更改时更新

我是 AngularJS 的新手,非常感谢您的建议。我有带图像的滑块:

在我的控制器中,我分配了$scope.slides一些图像数组:

另外,我有一个更改幻灯片数组的函数:

我有两个问题:

colorClicked1)它工作正常,但有时当我的函数触发时,当前显示在滑块上的图像并没有改变。

我想知道我应该以某种方式更新滑块或范围吗?我尝试$scope.$apply()了我的功能,但没有帮助。

2)即使我将数组传递给幻灯片集合,我仍然在控制台中遇到错误:Error: the slides collection must be an Array尽管我的滑块工作正常。

0 投票
1 回答
2042 浏览

angularjs - 更改图像 Angular-UI 轮播

我创建了一个 Angular-UI Carousel,如https://angular-ui.github.io/bootstrap/#/carousel

但问题是我想将图像更改为系统中本地可用的图像。

那么,我该如何实现呢?

这是我的轮播代码的 HTML 部分。

这是控制器代码:

0 投票
1 回答
713 浏览

javascript - 角轮播不显示/不工作

当我使用 angular-carousel 指令时,内容没有显示:

关联

0 投票
1 回答
676 浏览

javascript - angular-carousel 在 carousel 末端添加了额外的空幻灯片

我已经使用 ng-repeat 实现了一个带有 angular-carousel 包的滑块。它工作正常,但它在轮播的末端添加了一个额外的空白幻灯片。我在网上搜索,其他人也有类似的错误,因为他们的轮播末尾有一个额外的元素,但我的代码中没有类似的东西。当我在浏览器中检查 dom 时,我也看不到额外的元素。

我正在使用指令将轮播的高度设置为最高图像,但无论我是否使用指令,它都有同样的问题。一切都按我想要的方式工作,除了旋转木马末端的额外幻灯片。

我将在下面粘贴我的代码,如果您需要更多信息或说明,请告诉我。

提前感谢所有帮助!

模板如下所示:

sliderSlideDirective看起来像这样:

控制器如下所示:

0 投票
0 回答
41 浏览

angularjs - AngularJS 模型更新但视图未更新

如果我从输入字段更新模型,视图也会正确更新。

这是代码

模型是

和图片 在此处输入图像描述 但是,如果我通过控制器更新模型数据,则模型值会更新,并且视图也会更新,但一秒钟后视图会返回到之前的阶段。在此处输入图像描述

这是 ng-click 代码

和模型更新

如果我在控制器中设置值,为什么视图不会保持不变。

0 投票
2 回答
213 浏览

angularjs - 为什么添加 angular-carousel 会抛出 $injector:modulerr?

我尝试angular-carousel在我的应用程序中添加,但出现此错误

ngMaterial仅在使用轮播添加我的应用程序后,我才收到此错误。我正在使用 angularjs 的最新稳定版本 1.5.8。这是我到目前为止尝试过的代码,

我错了吗?有人可以帮帮我吗?

0 投票
0 回答
363 浏览

javascript - 第三方节点模块依赖项在 Angular js 中不起作用

我尝试将轮播包含在我的角度项目中,并通过添加所需的依赖npm install angular-jk-carousel --save项并将其成功安装在 node_modules 文件夹中,

Src https://github.com/juank11memphis/angular-jk-carousel 并添加jkAngularCarousel为模块的依赖项,并将脚本和css文件包含在索引中,但它不起作用,

如何使用 node 模块依赖包含来正常工作?

app.module.js

包.json

索引.html

安慰

0 投票
2 回答
1564 浏览

javascript - Angular Carousels: Uncaught TypeError: Cannot read property 'offsetWidth' of undefined while using carousels with Angular JS

在我问之前,我已经经历了这个,但这对我来说似乎不是问题。我在 angularJS 中使用纯文本轮播,示例作为参考。

我正在尝试使用角度数组的第一个索引元素为轮播设置活动类,然后其他项目将来自第二个索引。它显示了活动元素,但是当我尝试单击第二个元素时,它给出了上述错误。

以下是我到目前为止所做的。

HTML 文件:

有人可以帮我理解这里的轮播显示以及为什么会出现错误,我已经设置了其他帖子中提到的活动元素,但它仍然不能解决问题。

提前致谢