问题标签 [ion-slides]

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

ionic-framework - 应用 lockSwipes 时,我无法在 X 轴上滚动图像

我正在使用 ionic v1 开发应用程序。

我将 ion-slide-page 放在 ion-slides 中,将 ion-scroll 放在 ion-slide-page 中,如下所示。这个离子卷轴包含一个图像。

我想要做的是在图像放大时保持幻灯片左右移动。(如脸书)

如果我放大图像,我无法在 X 轴上滚动图像。

模板:

控制器:

有什么想法吗?

0 投票
1 回答
2353 浏览

html - 在离子载玻片中嵌入离子卡最终宽度错误

我在使用ion-slides. 我正在使用这个 HTML 代码来创建一个简单的卡片:

正确的结果是: 正确显示卡片

但是当我尝试将这张卡嵌入ion-slides宽度时很奇怪。它在横向上看起来很好,看起来它有一些固定的宽度。我不知道如何让它在肖像中工作。代码在这里:

结果如下所示: 奇怪的宽度

这里的 CSS:

感谢我能得到的任何帮助,安德烈

0 投票
1 回答
542 浏览

ionic-framework - Ionic 新幻灯片 - Swiper SlideTo 错误

我正在使用最新的 ionic 1 版本1.3.3。我有一个项目清单。单击其中任何一个时,它会打开带有少量左右项目的离子幻灯片(我让它控制动态)。问题是当滑块准备好时,它会在第一次或几次显示正确的索引。但是当我们返回列表并单击另一个项目时,会显示第一个索引。我已经习惯$scope.slider.slideTo了更新索引。我也在离开前销毁了幻灯片实例,但没有成功。

0 投票
1 回答
144 浏览

firebase - FirebaseListObservable 和 ion-slides 不起作用

我有一个 FirebaseListObservable 并希望遍历生成的元素以创建离子幻灯片:

但是,当我这样做时,initialSlide它不起作用。我认为这可能是ion-slides.

处理这个问题的最佳方法是什么?跳过漂亮的异步管道并订阅它FirebaseListObservable,并包含一个*ngIf="secrets.length>0"to ion-slides?

在这种情况下,我必须unsibscribe()在离开页面时使用吗?

或者有没有更好的解决方案?

0 投票
0 回答
591 浏览

ionic2 - 在同一页面问题上具有不同效果的离子多个离子幻灯片

我有第一个带有效果立方体的离子幻灯片。然后当我尝试添加第二个离子幻灯片时,屏幕是空白的。任何帮助都感激不尽。

我的代码如下。

0 投票
2 回答
1127 浏览

angular - 离子幻灯片从第一张幻灯片移动到最后一张,循环真实不更新寻呼机

当我使用带有寻呼机和循环的离子幻灯片时。当我从第一张幻灯片向左滑动时,最后一张幻灯片打开,但寻呼机点未更新,视图未绑定到模型。如果用户与之交互,那么它工作正常,但最初寻呼机和视图没有更新。

0 投票
0 回答
223 浏览

ionic-framework - 导航到包含离子幻灯片的页面,导致滑动行为停止工作

我创建了两个具有相同滑块的页面。(比如 HomePage 和 Page1Page)我将导航链接放置在每个中(通过 navCtrl.push)

现在,虽然滑块在主页上运行良好(即响应滑动和点击寻呼机),但它不能正确响应在 Page1Page 上滑动。为什么?我究竟做错了什么?

Plunkr: http ://embed.plnkr.co/8v0nBm/

从 Page1Page 返回主页会导致滑块也停止工作!

所有帮助/想法表示赞赏。

0 投票
1 回答
1962 浏览

ionic-framework - 当幻灯片最后一个索引移动到第一个索引时,离子幻灯片单击无法正常工作

当将第一个索引滑到最后但当自动循环转到最后一个索引到第一个索引单击属性不起作用时,它的工作非常完美。

0 投票
2 回答
1077 浏览

javascript - ionic1 同一页面上的 2 个滑块及其更改特定幻灯片的事件

当我按下按钮时,我需要更改幻灯片,因为我是 Ionic 的新手,我无法实现它。

现在我需要在单击按钮时更改幻灯片,就像单击更改幻灯片 1 按钮一样,然后幻灯片 1 应该更改,幻灯片 2 也应该更改。

谁能帮我解决问题?

提前致谢 :)

0 投票
0 回答
416 浏览

angular - ionic 3 角度滑动高度刚好足以容纳内容物

我的页面目前看起来像http://moblize.it

我正在尝试将幻灯片高度更改为刚好适合内容。显然无法修复它,否则它会在较小的设备上搞砸

当前代码看起来像