问题标签 [ionic4]

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 投票
1 回答
5352 浏览

pull-to-refresh - Ionic 4 Refresher 不工作?

我正在尝试为我的应用程序实现拉动刷新功能,但ion-refresher似乎不起作用。这可能是一个错误吗?

这是我的 HTML 组件:

0 投票
7 回答
27893 浏览

ionic-framework - 如何在 Ionic 4 中安装新字体?

有谁知道如何更新 Ionic 4 的字体?

我尝试将 aileron.woff 添加到 assets/fonts 并将其放在 variables.scss 中无济于事。

0 投票
1 回答
998 浏览

angular - ViewChild 未在 IONIC 中定义

这是我的 app.components.ts 文件。我正面临 viewchild 的错误。使用离子 4.0.5。我想在我的应用程序中使用包含“菜单”的导航栏。

0 投票
2 回答
1167 浏览

android - 自动接收 OTP 并验证 OTP,UI 未更新

我正在尝试为我的 Ionic 4 App for Android实施自动otp验证。我在下面的代码中尝试过,我能够接收到消息,但 UI Input Filed 没有更新收到的OTP

app.component.ts

我可以通过OTP看到警报,但我的下方 UI 未更新。

app.component.html

`

[(ngModel)]="otp"值没有更新。

我得到以下错误:

像这样出错

我遵循以下 GitHub 链接:

https://github.com/bharathirajatut/ionic3/tree/master/SMSOTPVerificationAutomate

你能帮我一个人吗,在此先感谢!!!!

0 投票
2 回答
1518 浏览

angular - 如何使用 IONIC 4 在多个页面中使用一个通用菜单页面

使用 Ionic 4,我创建了菜单页面,并希望使用离子选择器在多个页面中调用此页面。

我已经尝试在 menu.module.ts 中使用导出,如下所示。

任何人都可以帮助我如何做到这一点以及 module.ts 文件中需要进行哪些更改?

0 投票
2 回答
3084 浏览

declaration - Ionic 4 中 2 个模块的声明

我有 2 个页面,有 2 个模块,并尝试使用相同的管道,所以我在每个页面中声明了相同的管道。

listview.module.ts

profile.module.ts

为此,我遇到了这个问题:

错误错误:未捕获(承诺):错误:类型 DateTimePipe 是 2 个模块声明的一部分:ListviewPageModule 和 ProfilePageModule!请考虑将 DateTimePipe 移至导入 ListviewPageModule 和 ProfilePageModule 的更高模块。您还可以创建一个新的 NgModule,它导出并包含 DateTimePipe,然后在 ListviewPageModule 和 ProfilePageModule 中导入该 NgModule。错误:类型 DateTimePipe 是 2 个模块声明的一部分:ListviewPageModule 和 ProfilePageModule!请考虑将 DateTimePipe 移至导入 ListviewPageModule 和 ProfilePageModule 的更高模块。您还可以创建一个新的 NgModule,它导出并包含 DateTimePipe,然后在 ListviewPageModule 和 ProfilePageModule 中导入该 NgModule。

我尝试在 app.module.ts 中声明它但不起作用。

谢谢

0 投票
4 回答
4921 浏览

ios - Ionic 4 - iOS 状态栏与顶部选项卡重叠

我正在尝试在我的应用程序顶部创建一个标签栏,没有明显的标题,但 iOS 状态栏与它重叠。我尝试将 ion-tabs 标签包装在具有填充但不起作用的 ion-content 标签中。我将标签包裹在一个解决填充问题的标题中,但随后标签加载的页面在标题内消失了。

我已经看到所有关于标题重叠的帖子,但那些是几年前的,已经在 ion 4 中修复,并且解决方案无论如何都不适用于标签。

如何在不删除状态栏的情况下解决此问题?

iOS版本:11.4.1

离子版本:4.0.5

重新创建:

  • 创建 ionic tabs 启动项目
  • 将标签位置更改为顶部
  • 删除 home.html 中的标头

    /li>

在此处输入图像描述

0 投票
5 回答
12116 浏览

angular - 如何在 ionic 4 中禁用侧边菜单?

我正在使用this.menuCtrl.swipeEnable(false);ionic 3 应用程序。这适用于禁用侧面菜单。但是,它不适用于离子 4!下面是我的 ionic 4 代码示例:

登录页面.ts

app.component.html

0 投票
1 回答
2252 浏览

ionic-framework - Ionic Lab, 404 Not Found

When I try to run "ionic lab", nothing bad happened in the terminal:

ng run app:serve --host=0.0.0.0 --port=8100

ionic-lab http://localhost:8100 --host localhost --port 8200 --app-name ion-Dev --app-version 0.0.1

But in the browser I don't see anything, in the console shows this error:

package = "@ionic/lab": "^1.0.6"

If I use "ionic serve" everything works fine.

Maybe If I could change the port of ionic lab.

I'm using Ionic Lab on Ionic 4.0.5.

Thanks!

0 投票
2 回答
3470 浏览

object - Ionic 4 Camera/ActionSheet Object(...) 不是函数

我正在尝试在 Ionic 4 中使用 Camera Plugin,当服务启动时没有错误,在浏览器控制台中会出现此错误:

安慰

调试

我删除文件夹 node_modules 并重新安装它,但无法解决此问题。

npm 安装

使用 ActionSheet 我有同样的错误。

包中的依赖项:

谢谢

编辑:当我试图编译它时!(使用操作表) 终端

--详细:

仅当某些 TS 文件具有导入时才会出现此错误。是否使用都没关系。

从 '@ionic-native/action-sheet' 导入 { ActionSheet, ActionSheetOptions };