问题标签 [ion-list]

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 投票
0 回答
527 浏览

angular - Ionic 3:离子列表未显示在离子项目内

我正在使用离子 v3。我正在尝试在 ion-item 中添加 ion-list 但它没有显示在浏览器中。

此外,它给我的<!--bindings={"ng-reflect-ng-if": "false"}-->信息element section

这是我的代码:

在元素部分

在此处输入图像描述

在用户界面中:

在此处输入图像描述

突出显示的区域是添加离子列表但不显示任何内容的地方。

有什么帮助吗?

0 投票
1 回答
81 浏览

ionic4 - 在其他元素上显示离子列表

我正在执行简单的 CRUD 操作并在检索对象时获取所有已保存对象的列表,并且我想按名称搜索对象列表。但我不想使用 ion-searchbar 而不是我想使用 ion-input 并在 ion-input 下的 ion-list 中显示建议,但与任何其他搜索栏(如谷歌搜索)一样重叠其他元素。我有 JSON 格式的数据。我也尝试使用 ionic4-autocomplete 但面临错误

自动完成时 ionic 4 应用程序中的错误图像

在此处输入图像描述

任何问题的解决方案都会有所帮助。提前致谢。

0 投票
1 回答
499 浏览

css - 删除离子列表中的间距

我尝试删除项目之间的间距。如您所见,列表垂直占用了一个空间,我需要将文本靠得更近,但我想保留线条。

我尝试了很多不同的 css 东西(将边距/填充设置为 0 并减少最大高度),但它总是切断线条和文本,而不是仅仅删除它们之间的空格。

列表

在此处输入图像描述

0 投票
1 回答
183 浏览

ionic-framework - 不同幻灯片中的不同列表同时滚动

我有两张离子幻灯片,每张都包含一个常规列表。我的问题是,每次我滚动其中一个时,另一个同时滚动。

有没有办法让每个列表单独滚动?

我的代码有点像这样:

0 投票
1 回答
254 浏览

javascript - 离子:点击更改离子列表项目

假设我有 3 个列表

清单:1)公共汽车,飞机

清单: 2 ) [与公共汽车有关] 慢,不能飞

清单:3)【与飞机有关】速度快,能飞

在我的 Ionic Angular 项目中,我成功地制作了第一个离子列表。但是如何通过单击其中的项目来更改整个离子列表?

[我明白了,它与(单击)功能有关,但我如何使用打字稿影响整个列表]

0 投票
0 回答
312 浏览

javascript - Ionic 5 离子刷新问题当我们也使用离子手势时

我使用 ionic 5 作为框架。在我的一个页面中,我使用了具有离子手势功能的离子刷新器。现在,当我在没有离子刷新的情况下使用该页面时,我可以滑动离子内容内的离子项目。但是当我使用离子刷新时不可刷卡

customer-in-app-notification.html

当我向右滑动时,它使用自定义创建的手势移动我的离子项目

ts文件

}

0 投票
0 回答
29 浏览

ionic-framework - 向下滚动后禁用 Ionic 5 ion-content ion-list 滚动

在离子含量中有离子列表时,我遇到以下情况:

起初我以为是 ion-refresh 导致了这个错误,但现在我删除了它,它仍然存在。

所以我有一个离子含量和一个离子列表。如果我现在转到页面顶部并将内容向下滚动一点,我将无法再滚动离子列表,它甚至似乎被切断了。

这发生在 iOS 上——有人知道吗?

没有真正要显示的代码或任何样式,因为没有。

0 投票
1 回答
128 浏览

angular - 如何从云 Firestore 获取数据到 ion-list angular 9 /ionic 5

有人可以帮我从云火库中获取数据到离子列表吗?我使用 cloud firestore 模块化 SDK,angular 9 和 ionic 5。

我在 Cloud Firebase 上的收藏: 客户

我的界面 src/app/models/client/client.ts :

这是我的 src/app/tab1/tab1.page.html,我有一个离子列表:

这是显示错误的我的 src/app/tab1/tab1.page.ts 文件:

存储在 firestore 中的文档在检查器中正确显示,但数据未显示在 ion-list 中。这是显示的错误消息: