问题标签 [ion-slide-box]

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 回答
35 浏览

angularjs - AngularJs 和 IonicFramwork - IonicSlideBox 不适用于 ng-bind-html

是否可以在返回所有包含 html 的标签的 http 调用之后启动幻灯片(ionicSlideBox)?http调用获取html数据并将其存储在变量中

模板打印变量内容:

我试图调用 $ionicSlideBoxDelegate.update():

(我也试过 ionicslideboxdelegate.start() 但幻灯片不起作用)我想问题是在 http 调用之后加载了标签..

我必须获取整个 html,我无法在模板中打印标签并仅加载数据。

有什么解决办法吗?谢谢

0 投票
2 回答
720 浏览

javascript - 当 html 页面第一次加载时 ion-slide-box 不起作用

页面加载时,我的 ion-slide-box 不起作用。如果我刷新页面,那么它可以正常工作。我参考了一些链接,但无法解决这个问题。请帮助我。

我的html代码。

我的控制器代码:

服务器响应:

0 投票
8 回答
10961 浏览

angular - Ionic 2 - Slider - 显示第二个幻灯片项目的一部分

我想展示第二个幻灯片项目的一部分,但不知道该怎么做。这是我到目前为止所拥有的(基本的 Ionic 幻灯片):

这就是我想要的样子: 在此处输入图像描述

我试图将离子幻灯片的宽度更改为小于 100%,但第二张和第三张幻灯片只是向左移动,离开了屏幕。

谁能帮我 ?

0 投票
0 回答
86 浏览

javascript - 填充离子滑动盒

我是使用离子编程应用程序的新手并且有疑问。如何在 ionic 中动态填充幻灯片框?

我从 REST 服务器获得了想要添加到我的幻灯片框中的项目。

感谢您的帮助。

我的数据

0 投票
0 回答
113 浏览

css - 垂直滑动滑动框

我想用 Ionic 创建一个滑动框,你可以垂直滑动和滑动。我想知道是否有办法使用 CSS 来实现这一点。

我尝试使用具有垂直滑块的 Jssor 滑块。

这是我到目前为止的所有代码。

0 投票
2 回答
1897 浏览

angularjs - 范围未定义错误

我正在实现一个幻灯片框并尝试使用 SlideHasChanged 事件。

互联网上有一些例子,但我总是犯同样的错误。

我的应用程序:

我可以左右切换幻灯片。

在我的 app.js 中:

现在它应该可以工作了。并写入日志。

但我总是得到一个 $scope is not defined 错误。

更新:

应用程序.js

HTML

0 投票
1 回答
74 浏览

ionic-framework - 使用 ion-slide-box 时的 Ionic 额外可滚动区域

我正在使用具有多张幻灯片的 ion-slide-box。一张幻灯片的内容太大,但其他幻灯片的内容较少。问题是所有幻灯片的高度都与高度最大的幻灯片的高度相同,这就是为什么在其他幻灯片中创建额外的可滚动区域的原因。所有幻灯片都应根据内容取高度,请帮我解决这个问题。

在此处输入图像描述

0 投票
1 回答
816 浏览

angularjs - 离子玻片盒动态玻片更新闪烁

我正在重构每个交换上的列表,以便从相反方向删除一个项目并从该方向推送另一个项目。重置活动索引。然后通过

$ionicSlideBoxDelegate.$getByHandle('custom-slider').update();

问题是,它使用默认索引更新滑动框,然后让新索引出现。好像在闪烁。如何预防这种情况?

我已经尝试过但不成功

  • 包装更新$timeout
  • 已使用$ionicSlideBoxDelegate.$getByHandle('custom-slider').setup();但出现错误no method setup()
  • $timeout到列表,它使列表消失一段时间。
0 投票
1 回答
740 浏览

angularjs - 离子幻灯片框:多张幻灯片的一种形式不起作用

我正在使用 ion-slide-box,我遇到的问题是当我为整个滑块设置一个表单时,滑块似乎不再工作了。我最终得到一个视图,没有更多的幻灯片。

这是我的简单代码:

请谁能告诉我应该怎么做才能为我的所有幻灯片设置一个表格,谢谢。

0 投票
0 回答
459 浏览

ionic-framework - iOS 11 Ionic 滑动框过渡错误。

我正在开发 Ionic 1 应用程序。我有一个带有多张图片的幻灯片框。自动播放是打开的,所以通常一张图片离开,另一张无缝滑入它的位置。第 4 次过渡,一张图片滑落,但下一张没有跟随。只有白色留在它的位置。一旦初始幻灯片完全移出屏幕,下一张幻灯片就会在正确的位置弹出,而没有漂亮的过渡。

额外信息:当您手动滑动幻灯片时,它们会正确过渡。仅当幻灯片自动转换时才会产生错误。

例如滑动框的代码

过渡前

过渡期间

完成过渡

过渡后