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

angular - 具有平滑滚动且无对齐的离子幻灯片

我想使用该<ion-slides>组件在 Spotify 移动应用程序上创建一个专辑缩略图滚动器。我大部分时间都在工作,但我希望能够禁用捕捉。这可能吗?

我认为可能只有一个禁用捕捉的组件的输入设置,但我在文档中找不到类似的东西。

0 投票
0 回答
1115 浏览

ionic-framework - Ionic v4 离子载玻片问题

我在我的项目中创建了一个纯粹是ion-slidesUI 组件的组件。我已经注入到我的侧抽屉模板应用程序的主页中,并且遇到了许多问题/烦恼:

  1. 内容并不总是在主窗格中居中。似乎各个ion-slide项目的宽度都设置为大于窗格宽度的内联元素样式宽度!我意识到这只发生在加载整个应用程序时。如果我单击页面的侧面菜单项以单独重新加载它,问题就会消失。这让我相信这是渲染组件顺序的问题。谁能帮我理解发生了什么?它是一个错误吗?

不良行为

  1. 我不知道如何让导航箭头显示/工作 - 这可能吗?

https://stackblitz.com/edit/angular-ionic4-test-yuppm1?embed=1&file=src/app/app.module.ts

上面的 Stackblitz 应该有助于让您了解我的设置,但它没有显示我遇到的问题。但它确实显示了另一个特点:

  1. 在选项中将循环设置为 true 时,当您到达最后一张幻灯片并转到下一张幻灯片时,它会跳转到第二个元素而不是第一个!任何有助于理解为什么会发生这种情况的帮助将不胜感激。

谢谢

0 投票
0 回答
556 浏览

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

我需要解决我的两个问题...如果有人有其他建议,我会感谢他/她。

我希望我清除了自己。如果我在这里错过了什么,或者你不完全理解我的要求。请通知我。

在此处输入图像描述

0 投票
0 回答
542 浏览

ionic3 - 在 ionic 3 中显示类似 tik tok 的视频库

我想在幻灯片更改时自动播放像 tik tok 这样的视频。实施后显示视频缩略图并播放音频,但不播放视频。

并从 ts 尝试将视频播放为-

但只播放音频而不播放视频。

0 投票
1 回答
2486 浏览

ionic4 - 我们如何在 ionic4 中禁用 ion-slide 的缩放功能

我们如何禁用ion-slidesIonic 4 中的缩放功能,我已经尝试zoom="false"在元素上添加输入ion-slides但它不起作用,当我在屏幕上双击时它仍在缩放图像并破坏设计。

0 投票
1 回答
324 浏览

ionic-framework - 是否可以在离子侧边栏中使用幻灯片

我正在用 ionic 构建一个移动应用程序,我想通过放置幻灯片来制作一个类似松弛的侧面菜单。

例如,当您单击主菜单项时,它会像 slack 一样滑出侧面菜单中的另一张幻灯片。

我尝试在离子菜单中使用离子幻灯片,但幻灯片不起作用。

请查看屏幕截图。

在此处输入图像描述

这是代码片段。

这是我正在尝试构建的。

在此处输入图像描述

关于如何实现这一点的任何想法?

谢谢。

0 投票
1 回答
1694 浏览

ionic-framework - Ionic 4 滑块分页点与文本重叠

我有 ion-slides 组件显示一些幻灯片。每张幻灯片的内容根据服务动态呈现。

通常,底部滑块点与文本重叠。有什么方法可以确保他们总是有一些差距?

0 投票
0 回答
225 浏览

javascript - ionic:如何将数组的索引传递给方法 getActiveIndex()?

我有一个离子滑块,它以数组的形式显示一周中的几天,我需要传递今天的索引。我有一个名为的全局变量compareFirstDay,它显示今天是今天,并且调用了带有星期几的对象数组this.showingWeekCalendar,所以当屏幕尺寸较小或等于 768px 时,我需要传递当天的索引位置是今天来显示这一天首先在幻灯片。

this.showingWeekCalendar

主页.ts

HTML

如果需要更多信息,请在评论中告诉我。谢谢你

0 投票
0 回答
125 浏览

ionic-framework - 在屏幕外标签中初始化传单地图(当前不可见的离子幻灯片)

我正在尝试以当前不可见的方式初始化传单地图ion-slide。滑动到此幻灯片时,地图容器的高度为 0,并且地图不可见。将地图容器的尺寸设置为固定大小时,地图可见但没有瓷砖可见,地图只是灰色的。

我试图再次调用invalidate()和删除/创建地图,但无济于事。

我的主页

模板

我希望第三张幻灯片包含一个初始化的地图,但它没有/只是灰色

0 投票
2 回答
7240 浏览

angular - Ionic 4,离子滑动垂直滚动不起作用

我在 ion-slide 中有一个组件,它是滚动不起作用

这是我的代码:

{{标签}}