问题标签 [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 回答
1191 浏览

responsive - Ionic 4 and ngx-charts - 离子滑道内离子网格的响应性问题

我在“离子幻灯片”中的 ngx-Charts 的响应性方面遇到问题,或者更准确地说,是位于“离子幻灯片”中的“离子网格”中的 ngx-Chart。

为了使图表具有响应性,我发现了两条规则。有人说,你不应该在 ngx-Chart 中使用“view”参数。第二个说,周围/父标签应该有一个大小。如果两者都为真,则图表应适应父级的大小。

我什至让它在网格内工作(响应式) - “通常”页面上的网格,但我无法让它在幻灯片内的网格内工作(响应式)。

请在 GitHub https://github.com/Joey73/ionic-ngx-charts.git上查看我的示例项目(页面:幻灯片中的树图和树图)。

treemap-in-slide.page.html:

treemap-in-slide.page.scss

在离子幻灯片之外,图表(即使它们在离子网格中)是响应式的。

我该怎么做才能使位于离子滑道中的离子网格内的 ngx-chart 响应?

0 投票
2 回答
1967 浏览

ionic-framework - 无法使用离子幻灯片的选项属性

我使用 Ionic v4 创建了一个新应用程序并尝试将幻灯片添加到我的应用程序,但我收到一条错误消息

html是

我的 T 是

然而,在 Ionic v3 中同样适用于我。有人可以帮我吗?

0 投票
2 回答
1141 浏览

ionic-framework - Ionic 3 如何修复离子幻灯片的第一张幻灯片,其中应该显示规格和用户在报价之间滑动以进行比较?

有没有办法修复第一张幻灯片ion-slide并让其他幻灯片移动?

我正在尝试制作一个比较页面,其中主要规格应该在开始并固定,然后用户可以在优惠之间滑动并继续查看规格。

这是关于它的堆栈闪电战

对于打字稿脚本,现在很简单用于测试目的:

0 投票
1 回答
245 浏览

css - 离子幻灯片等高没有离子幻灯片上的明确高度?

如果我将ion-slides每张幻灯片的高度设置为正常的不均匀:

//slideheight.page.html

// 幻灯片高度.page.ts

// slideheight.page.scss

然后我得到不均匀的幻灯片:

不均匀的幻灯片

我尝试设置各种属性,但我能找到的唯一方法是为ion-slides组件设置特定高度:

这使:

均匀但固定的高度

但是,这不是设置高度的好方法,因为它无法考虑内容需要多少空间。屏幕可能很小,将内容推得更高,或者数据可能需要很长的描述。

必须有某种方法可以将 flexbox 设置为自动高度?我错过了什么?

0 投票
1 回答
3061 浏览

html - 如何在 Ionic4 中将离子载玻片与离子卡结合起来?

将离子载玻片与离子卡结合起来会完全弄乱离子卡。不知何故,卡片没有垂直对齐,一旦我将它们包裹在离子幻灯片中,而是并排。

我正在创建一个输入表单,每张卡片中都有不同的输入问题。每张幻灯片都包含一个新的输入主题。

我已经尝试通过将离子卡包裹在离子网格中来将它们重新排列。这工作得更好一点,但仍然不是一个很好的解决方案。

HTML:

为什么离子卡布局会受到离子滑道的影响?

0 投票
1 回答
2140 浏览

ionic4 - ionic4 滑动到下一个

我想手动移到下一张幻灯片,但出现错误。我试过这样:

并在 ts 文件中:

通过调用 slideNext() 我有这个错误:

0 投票
3 回答
5347 浏览

javascript - 如何告诉 ion-slides 要显示什么幻灯片 (slideTo)

我有一个包含ion-slides元素的模态。在主页中,我有(click)使用滑块打开模式的图像的缩略图。我需要选择slideTo带有缩略图索引的滑块,但还没有让它工作。

我已经完成将正确的索引传递给模态并验证它是否记录到控制台。在ionic 4 文档中,我们被定向到swiper 文档,在那里可以看到该slideTo方法存在,但是当滑块由 ionic 初始化时,我只是不知道如何使用它。我按照教程让模态和滑块运行,除了在右侧幻灯片上打开滑块外,一切都很好。我已经尝试过多种方式来遵循 swiper 文档。此外,滑块的缩略图数组和图像数组相同,因此索引匹配。

这里是模态/滑块的 ts 文件:

文档中方法的屏幕截图:

swiper 文档中的 slideTo 方法描述

模板:

0 投票
0 回答
486 浏览

routing - 类型“NavController”上不存在属性“父级”

我有一个屏幕填满了代表不同扇区的不同框,所有扇区都有不同的子扇区。

我正在尝试单击其中一个部门,以便查看该特定部门的详细信息。

这些细节以幻灯片形式呈现。

对于每个部门,我都有一个ion-slide,在每张幻灯片中都有一个子部门列表。

我有以下代码可将我带到所选部门的幻灯片(从框中)。

它给了我这个错误:

我尝试使用其他东西,但我找不到任何东西。请帮忙

0 投票
1 回答
543 浏览

ionic-framework - 当我从不同的页面导航时,我想到达 Ion Slides 组件的最后一张幻灯片 - Ionic 4

我有一个包含 5 张幻灯片的幻灯片页面。在第五张幻灯片上,我有我的“登录页面”。每当我从应用程序注销时,我都想被重定向到第五张幻灯片。

对于注销,我使用警报控制器向用户提供确认,如果他/她想注销。当用户单击是时,它将用户重定向到幻灯片页面,但它会加载第一张幻灯片。我希望它转到我的第 5 张幻灯片,即我的登录页面。

警报控制器的按钮如下:

0 投票
1 回答
501 浏览

ionic-framework - ion-slides 支持横向离子应用

我想以纵向和横向显示幻灯片图像。

问题:当我旋转图像时图像未设置为全屏宽度

这是我的代码

我在每张幻灯片上都添加了这样的 CSS