问题标签 [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.
angular - Ionic v4 和 Angular 无法获取循环生成幻灯片的 ion-slide 的内部文本
我在<ion-slide>
使用*ngFor
循环定义的数组时显示了一个数组:
这是html脚本:
当幻灯片发生变化时,我需要获取 , 的值s
来运行特定的功能。
我尝试使用以下方式访问它(ionSlideDidChange)
:
但我找不到任何与<ion-slide>
内在价值相关的东西。
我尝试了以下脚本:
但它也没有奏效。所需的输出是当我在Active
幻灯片中时,我需要控制台“活动”并运行所需的方法。
ionic-framework - Ionic 4 ion-slides 使用 ngClass 更改活动幻灯片的 css 样式
编辑:添加堆栈闪电战:
https://stackblitz.com/edit/ionic-b2r7si
我正在使用离子幻灯片如下:
我需要更改当前活动幻灯片的 css 样式,例如加下划线或粗体。我已经做了一些研究,显然我应该使用[ngClass]=''
但不知道如何使用。
我正在使用以下方法获取活动幻灯片的索引:
我试过:
和activeIndex
风格:
但是数组中只有一个元素的样式发生了变化。
ionic4 - 如何在离子含量中垂直居中对齐离子载玻片?
我有一个离子幻灯片页面:
如何使离子载玻片垂直居中?目前它位于页面顶部。
angular - 无法在 Ionic4 中检查我的滑块是否已到达最后一张幻灯片
我在我的 Ionic 4 应用程序中工作,我已经使用循环添加了滑块,我正在检查滑块是否已经到达最后一个滑块,我已经检查了使用isEnd()
,但它总是显示为 true。
这是我的intro.page.html:
在这个视图中,我在循环中显示了滑块,我还显示了下一步和完成按钮。如果滑块到达最后一张幻灯片,它将显示完成其他它将显示下一个。
这是我的intro.page.ts:
在这个 ts 文件中,我已经检查过,isEnd()
但问题是,它总是显示为 true。
我想根据幻灯片显示按钮文本,如果滑块将到达最后一张幻灯片,则按钮文本将更改为完成,否则它将显示幻灯片的下一张。
任何帮助深表感谢。
angular - ion-slides 分页项目符号与幻灯片内容重叠 [Ionic 4]
我还是 Ionic 的新手,我想在我的网页中添加幻灯片。我使用了带有 pager = "true" 的离子幻灯片。问题是分页项目符号与幻灯片内容重叠。我使用了检查元素来发现子弹的位置。项目符号似乎设置为位置:绝对。我不知道如何覆盖位置 CSS,因为子弹位于阴影 DOM 中。谢谢。
ionic-framework - TypeError:无法读取未定义的属性“slideTo”
我正在使用ion-Slides
从图库中显示选定的图像并水平滑动它们,效果很好,但我想在屏幕上显示最后选择的图像。
我尝试使用slideTo()
它导致类型错误。
为了更清楚:我正在运行一个循环,在该循环中,我将图库中的选定图像推入base64
转换为 anarray
并将其传递到image
标签中以在 HTML 屏幕上显示图像。
任何帮助都会很棒。
ionic-framework - Ionic 4 幻灯片 - 设置初始幻灯片
是否可以选择一张幻灯片作为初始幻灯片显示?我有一系列项目要在 Ionic 幻灯片中显示,我想根据偏好“预选”(= 将焦点放在幻灯片上)但保持顺序。
我已经阅读了 Ionic 文档,但我可能遗漏了一些东西。到目前为止,看起来我需要slideTo
在页面的构造函数中使用该函数,但我正在寻找一个直接在 html 模板中使用的指令。
感谢您提供任何信息。
angular - Ionic 4 initial slide loads with delay
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-framework - 我正在使用自动播放属性,但自动播放在 ionic 4 中的 ion-slide 上仍然不起作用?
我必须在 ionic-4 中自动播放离子幻灯片。但它不起作用。我试过了,请参考下面的代码
我使用了 autoplay="true" 但仍然无法正常工作。
.html
.ts
我想自动播放幻灯片。