问题标签 [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 - 具有平滑滚动且无对齐的离子幻灯片
我想使用该<ion-slides>
组件在 Spotify 移动应用程序上创建一个专辑缩略图滚动器。我大部分时间都在工作,但我希望能够禁用捕捉。这可能吗?
我认为可能只有一个禁用捕捉的组件的输入设置,但我在文档中找不到类似的东西。
ionic-framework - Ionic v4 离子载玻片问题
我在我的项目中创建了一个纯粹是ion-slides
UI 组件的组件。我已经注入到我的侧抽屉模板应用程序的主页中,并且遇到了许多问题/烦恼:
- 内容并不总是在主窗格中居中。似乎各个
ion-slide
项目的宽度都设置为大于窗格宽度的内联元素样式宽度!我意识到这只发生在加载整个应用程序时。如果我单击页面的侧面菜单项以单独重新加载它,问题就会消失。这让我相信这是渲染组件顺序的问题。谁能帮我理解发生了什么?它是一个错误吗?
- 我不知道如何让导航箭头显示/工作 - 这可能吗?
https://stackblitz.com/edit/angular-ionic4-test-yuppm1?embed=1&file=src/app/app.module.ts
上面的 Stackblitz 应该有助于让您了解我的设置,但它没有显示我遇到的问题。但它确实显示了另一个特点:
- 在选项中将循环设置为 true 时,当您到达最后一张幻灯片并转到下一张幻灯片时,它会跳转到第二个元素而不是第一个!任何有助于理解为什么会发生这种情况的帮助将不胜感激。
谢谢
ionic-framework - 幻灯片图像,从服务器获取,在离子卡中(一次加载一个)
我正在使用 ionic 3。我在 db 中有超过 750 个移动图像。我一次得到一张图像,以显示在ion-slides的ion-card中。当我滑动到下一张并且与上一张图像相同时,我想要下一张图像。我尝试获取移动 ID,然后创建了一个数组并将其初始化为这个移动 ID。
这是html文件
这样,如果我滑动到上一个 *ion-slide**。我将使用mobile id获取数据。
当我滑动到下一个离子幻灯片时,我首先在(ionSlideDidChange)事件中的数组中推送移动 ID以增加数组的大小,然后发送对移动图像的请求。
它会导致2个问题:
第一:如果 db 中缺少移动 id,我不能在 ngFor 中跳过迭代。因为ngFor不允许这样做。我尝试使用自定义Pipe。但我对Pipes没有很好的把握。
第二:当我滑动ion-slides时,它会使用mobile id更新数组。但它必须滑动两次才能更改ion-slide。
我需要解决我的两个问题...如果有人有其他建议,我会感谢他/她。
我希望我清除了自己。如果我在这里错过了什么,或者你不完全理解我的要求。请通知我。
ionic3 - 在 ionic 3 中显示类似 tik tok 的视频库
我想在幻灯片更改时自动播放像 tik tok 这样的视频。实施后显示视频缩略图并播放音频,但不播放视频。
并从 ts 尝试将视频播放为-
但只播放音频而不播放视频。
ionic4 - 我们如何在 ionic4 中禁用 ion-slide 的缩放功能
我们如何禁用ion-slides
Ionic 4 中的缩放功能,我已经尝试zoom="false"
在元素上添加输入ion-slides
但它不起作用,当我在屏幕上双击时它仍在缩放图像并破坏设计。
ionic-framework - Ionic 4 滑块分页点与文本重叠
我有 ion-slides 组件显示一些幻灯片。每张幻灯片的内容根据服务动态呈现。
通常,底部滑块点与文本重叠。有什么方法可以确保他们总是有一些差距?
javascript - ionic:如何将数组的索引传递给方法 getActiveIndex()?
我有一个离子滑块,它以数组的形式显示一周中的几天,我需要传递今天的索引。我有一个名为的全局变量compareFirstDay
,它显示今天是今天,并且调用了带有星期几的对象数组this.showingWeekCalendar
,所以当屏幕尺寸较小或等于 768px 时,我需要传递当天的索引位置是今天来显示这一天首先在幻灯片。
this.showingWeekCalendar
主页.ts
HTML
如果需要更多信息,请在评论中告诉我。谢谢你
ionic-framework - 在屏幕外标签中初始化传单地图(当前不可见的离子幻灯片)
我正在尝试以当前不可见的方式初始化传单地图ion-slide
。滑动到此幻灯片时,地图容器的高度为 0,并且地图不可见。将地图容器的尺寸设置为固定大小时,地图可见但没有瓷砖可见,地图只是灰色的。
我试图再次调用invalidate()
和删除/创建地图,但无济于事。
我的主页
模板
我希望第三张幻灯片包含一个初始化的地图,但它没有/只是灰色
angular - Ionic 4,离子滑动垂直滚动不起作用
我在 ion-slide 中有一个组件,它是滚动不起作用
这是我的代码:
{{标签}}