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

typescript - 在 Ionic 中应用幻灯片

我目前正在进行 Coursera 研究并坚持一项特定任务。

我正在尝试在我的项目中放置一些幻灯片。我的项目是餐厅的菜单,我想通过滑动在菜肴之间切换。

我的问题是我不知道在哪里放置<ion-slide>标签以及如何调用幻灯片中的不同菜肴(我的菜肴是由这个逻辑产生的:*ngIf="dish"

我的观点是这样的:

还有我的 .ts :

谢谢你的帮助

0 投票
0 回答
284 浏览

javascript - .ion-slide 宽度小于设备宽度,导致最后一张幻灯片后出现空间

我正在使用离子最新版本。使用 ion-slide,我将每张幻灯片的宽度限制为 80%,效果很好。但是如果我们把它滚动到最后,就会留下空白区域,所有的幻灯片都隐藏在左边。

快照:https ://firebasestorage.googleapis.com/v0/b/notpol-staging.appspot.com/o/share.PNG?alt=media&token=12d91447-5a34-499f-b7af-b587acdd6b1b

0 投票
0 回答
44 浏览

firebase - 使用 Firebase 数据制作 Ionic2 幻灯片

我将配置文件数据存储在 firebase 和

试图检索它们并在带有幻灯片的模板中显示它们。(我正在做匹配服务。)

但似乎在将数据分配给变量之前加载了模板。

当我只是检索一个数据而不是列表时,

它工作正常。

我在goole上尝试了所有解决方案,

就像使用 'NgZone'、*ngIf 等,但没有任何效果。

请帮我。

我的错误信息。

我的 find-mate.ts 文件。

我的 find-mate.html 文件

我的 data-service.ts 文件的一部分

0 投票
1 回答
618 浏览

html - 仅更改离子幻灯片中的图像而不更改按钮

我正在尝试使用 ion-slides 组件在 Ionic 中创建一些幻灯片,我需要只更改幻灯片上的图像,而不是按钮或界面交互。无论如何我可以做到这一点吗?

非常感谢你。

我的代码是这样的:

0 投票
0 回答
356 浏览

ionic-framework - Ionic v1:离子滑动事件未触发

我正在使用离子 1.3.3。我想向幻灯片添加一个动作事件,但该事件根本不会触发。控制台中没有出现以下内容:

模板:

控制器:

我从 ionic v1 文档中复制粘贴了大部分内容。我错过了什么?

0 投票
0 回答
446 浏览

javascript - Angular 4/Ionic 3 幻灯片应用程序

在应用程序初始化时,我从服务器中提取DATETIME文件,其中描述了我应该显示某些图像的 epoc 时间。即使我能够触发第一个幻灯片更改,我也无法将头绕在触发连续幻灯片上。

有没有办法创建一个时间表,每次Date.now等于对象DATETIME时都会跳到下一张幻灯片JSON

最后我的HTML

0 投票
1 回答
1392 浏览

ionic2 - ionic 2:放大离子幻灯片

我正在开发一个电子商务项目,在产品详细信息页面中,我有一个带有产品图像的滑块。在该用户可以缩放该图像。

我的html代码

但是当我尝试通过捏合或双击来缩放图像时。它给了我错误:

谢谢你。

0 投票
1 回答
1974 浏览

angular - Ionic ion-slides 性能问题,方法调用过于频繁

我对 ion-slides 组件有疑问。我在我的内部调用一个方法,ion-slide但注意到这个方法经常被称为RIDICULOUSLY,我不知道为什么。它还大大减慢了一切。

最初,该方法被调用了 900 次(即使我只显示 100 张幻灯片),幻灯片的最轻微拖动再次触发 900 次方法调用,因此只需从第一张幻灯片滑动到第二张幻灯片,该方法已被触发 5000 多次,取决于我滑动的速度。

任何想法为什么?我正在使用 Ionic 4.4、Angular 5.0.3 和 Ionic-Angular 3.9.2。

模板

零件

https://www.youtube.com/watch?v=5-L4ZOIX5Ew

0 投票
1 回答
175 浏览

ionic-framework - 离子幻灯片不支持dynamicBullets?

离子幻灯片不支持dynamicBullets?
从 swiper.js 和 swiper.js 采用的 ionic-slides 支持 dynamicBullets: boolean。

如何在离子幻灯片中使用 dynamicBullets?

我什至尝试将 swiper.js 注入到 ionic 项目中,但效果不佳。我相信 ionic 某处存在冲突错误,因为它是从 swiper.js 采用的

0 投票
1 回答
292 浏览

android - 如何在不单击的情况下选择离子幻灯片项目

我正在使用 Ionic 3 框架开发一个 android 应用程序。我的应用程序的主页应该有 3 张水平幻灯片:

像这个草图

我想在不点击的情况下选择位于中心的 3 个幻灯片项目。我有一个按钮,可以将用户重定向到另一个页面,其中包含 3 个选定项目:

像这个草图

有可能这样做吗?

需要你的帮助谢谢。