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

sass - 删除离子幻灯片上的填充物

我想删除 ion-slide 内项目的填充。通过设置背景颜色,我发现它必须来自那里,如图所示:在此处输入图像描述

我想删除绿色区域。

以及到目前为止我对 scss 的尝试:

[编辑] 我应该提到在 flex-container 中我可以设置 height: 600px; 它可以制作更大的物品,但它不便携。和 height: 100% 什么都不做。

0 投票
3 回答
2274 浏览

ionic-framework - 如何使离子滑动响应?

我的 ionic 应用程序有一个带有 2 个幻灯片的滑块,它们根据左右滑动动作显示。我想让我的页面响应。在大屏幕的情况下,我想并排显示两张幻灯片并禁用滑动操作。我怎样才能做到这一点?

0 投票
0 回答
148 浏览

ionic-framework - Checkbox inside ion-slides with loop enabled

I have a page which contains ion-slides with loop enabled. Each slide is generated with *ngFor and each one contains a checkbox. The problem I am facing is that the checkbox is not getting checked on first and last slides. I have found that its because there are duplicate slides for the first slide and last slide so clicking on the checkbox is not triggering it since there are duplicates for the same. I have tried giving Id to checkbox to make it unique but since the slides are generated dynamically whatever change I give is also getting replicated. Is there any workaround for this? Any help is much appreciated. Thank you

Here is my code

HTML part

Ts Part

0 投票
0 回答
37 浏览

ionic-framework - 禁用离子载玻片上的垂直“拉动”

有没有办法使用离子滑动组件禁用垂直“拉动”(如向下/向上滑动)?现在我的入职幻灯片感觉有点不稳定,因为在 siping 到上一张/下一张幻灯片时也会处理垂直跟踪。我在文档中找不到任何关于此的内容。

0 投票
2 回答
809 浏览

angular - 离子:离子幻灯片-仅出现第一张幻灯片

我正在尝试将离子幻灯片添加到我的应用程序中,但我遇到了一个我不知道如何解决的问题。我简单地将 ion-slides 示例添加到我的页面:

即使使用这个简单的示例,该组件也只显示第一张幻灯片。当我尝试滑动到下一个时,它会显示一张空白幻灯片,即使可以检查此元素及其内容。

你对此有什么想法吗?

我没有在这里放更多代码,因为即使这段代码也不起作用。我怀疑问题正在发生,因为我试图在标签页中创建这个元素,所以我试图将此元素添加到另一个页面中,但我仍然有相同的行为。

0 投票
0 回答
23 浏览

ionic-framework - 如何在一页中使用 3 个离子幻灯片并以每个离子幻灯片为例?

在我的 Ionic-3 移动应用程序中,我想在一页中使用 3 个离子幻灯片,并且在每个离子幻灯片中我想获取当前幻灯片的索引,以便我可以使用它来保存当前幻灯片的索引。如果我得到ion-slides的实例,它也可以工作,这样我就可以使用 ionic-slides 提供的方法。我应该怎么做才能以离子幻灯片为例?

0 投票
1 回答
645 浏览

angular - 滑动以删除 Ionic3 幻灯片

我正在尝试使用 Ionic 幻灯片创建一个类似 tinder 的滑动应用程序。我的幻灯片链接到一个数组,一旦发生滑动,我就会在其中删除第一个项目:

测试方法:

滑块运行良好,并且随着滑块的更改,测试方法会正确触发。但是,在我调用幻灯片上的 update() 方法后,它会删除所有幻灯片,并且它们会从视图中消失。

幻灯片数据在加载时加载到 slideResults 数组中,一切正常。

我怎样才能让这个删除功能正常工作

0 投票
1 回答
1963 浏览

javascript - 如何在滑动 ion-slide 时禁用垂直滚动

我正在构建一个应用程序,其中我有ion-slides带有单独ion-slide标签的图像,当我水平滑动时,滚动条有时会​​激活,它会移动页面并导致用户不得不重新调整。

如何在滑动时锁定本机滚动而不妨碍主滚动的使用?

我意识到我可能会在事件发生时隐藏滚动条,使用类似的东西ionSlideDrag Emitted when a slide moves.ionSlideNextEndionSlidePrevEnd这种方法似乎并不直观。

我怎样才能基本上允许滑动而不允许滚动发生?

0 投票
2 回答
1048 浏览

ionic-framework - 如何在 ionic 3 应用程序中向离子幻灯片添加占位符图像?

我想在动态加载图像之前将占位符图像添加到我的离子滑块。这是我的代码:

HTML

SCSS

0 投票
1 回答
691 浏览

javascript - Ionic 3 - 在 .getActiveIndex() 的帮助下从离子幻灯片中删除图像

我已将画廊/相机中的图像添加到离子滑块视图中。我有一个操作表,它使我可以选择从滑块视图中添加或删除图像。添加工作正常,因为我将该图像添加到数组并提供将数组更新到滑块。但是要删除图像,我需要获取滑块上处于活动状态的图像的索引,然后我需要将其删除。我无法使用此代码获取活动索引:

这也进入了捕获部分。然后我从数组中删除第一个元素并更新滑块的数组。当我按下操作表中的删除按钮时,数组大小会减小,但滑块中的所有图像都会消失,留下空白。

将图像设置到滑块的代码

这是我用来从滑块中删除图像的代码。我是 ionic 新手,所以不知道为什么会这样,我用谷歌搜索了它,但对我没有任何帮助。

使用以下代码将图像放入幻灯片中:

在字段中设置图像的值://在字段中设置值