问题标签 [ion-slides]

我在<ion-slide>使用*ngFor循环定义的数组时显示了一个数组：

这是html脚本：

当幻灯片发生变化时，我需要获取 , 的值s来运行特定的功能。

我尝试使用以下方式访问它(ionSlideDidChange)：

但我找不到任何与<ion-slide>内在价值相关的东西。

我尝试了以下脚本：

但它也没有奏效。所需的输出是当我在Active幻灯片中时，我需要控制台“活动”并运行所需的方法。

我需要帮助。当我开始向左滑动时，我的第二张卡片没有显示。

我错过了什么吗？

截图在这里

编辑：添加堆栈闪电战：

https://stackblitz.com/edit/ionic-b2r7si

我正在使用离子幻灯片如下：

我需要更改当前活动幻灯片的 css 样式，例如加下划线或粗体。我已经做了一些研究，显然我应该使用[ngClass]=''但不知道如何使用。

我正在使用以下方法获取活动幻灯片的索引：

我试过：

和activeIndex风格：

但是数组中只有一个元素的样式发生了变化。

我有一个离子幻灯片页面：

如何使离子载玻片垂直居中？目前它位于页面顶部。

我在我的 Ionic 4 应用程序中工作，我已经使用循环添加了滑块，我正在检查滑块是否已经到达最后一个滑块，我已经检查了使用isEnd()，但它总是显示为 true。

这是我的intro.page.html：

在这个视图中，我在循环中显示了滑块，我还显示了下一步和完成按钮。如果滑块到达最后一张幻灯片，它将显示完成其他它将显示下一个。

这是我的intro.page.ts：

在这个 ts 文件中，我已经检查过，isEnd()但问题是，它总是显示为 true。

我想根据幻灯片显示按钮文本，如果滑块将到达最后一张幻灯片，则按钮文本将更改为完成，否则它将显示幻灯片的下一张。

任何帮助深表感谢。

我还是 Ionic 的新手，我想在我的网页中添加幻灯片。我使用了带有 pager = "true" 的离子幻灯片。问题是分页项目符号与幻灯片内容重叠。我使用了检查元素来发现子弹的位置。项目符号似乎设置为位置：绝对。我不知道如何覆盖位置 CSS，因为子弹位于阴影 DOM 中。谢谢。

我正在使用ion-Slides从图库中显示选定的图像并水平滑动它们，效果很好，但我想在屏幕上显示最后选择的图像。

我尝试使用slideTo()它导致类型错误。

为了更清楚：我正在运行一个循环，在该循环中，我将图库中的选定图像推入base64转换为 anarray并将其传递到image标签中以在 HTML 屏幕上显示图像。

任何帮助都会很棒。

是否可以选择一张幻灯片作为初始幻灯片显示？我有一系列项目要在 Ionic 幻灯片中显示，我想根据偏好“预选”（= 将焦点放在幻灯片上）但保持顺序。

我已经阅读了 Ionic 文档，但我可能遗漏了一些东西。到目前为止，看起来我需要slideTo在页面的构造函数中使用该函数，但我正在寻找一个直接在 html 模板中使用的指令。

感谢您提供任何信息。

I updated my Ionic 3 project to Ionic 4 and since then my slider first loads slide with index 0 and after some seconds it loads the initial slide. Is there a solution for this problem?

This is my HTML

This is my TS-Code

slideOpts = {initialSlide:1, zoom: false}

Could lazyloading be the problem?

我必须在 ionic-4 中自动播放离子幻灯片。但它不起作用。我试过了，请参考下面的代码

我使用了 autoplay="true" 但仍然无法正常工作。

.html

.ts

我想自动播放幻灯片。