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

ionic-framework - 离子服务不适用于离子 4

我升级了离子使用npm install -g ionic@4.1.0

我开始了一个新项目ionic start ionic-4-project blank --type=angular

我试图为这个项目服务ionic serve

这是控制台中的错误消息。

请让我知道您可能需要的其他信息。谢谢你。

我在寡妇 10 节点版本:8.11.3 Npm 版本:6.4.0

0 投票
2 回答
1834 浏览

ionic4 - Ionic v4`menuController.enable`方法在加载的第一页上不起作用

我使用带有 ionic v4-beta3 的 sidemenu 项目

例如,我想在某些页面上禁用侧边菜单/login

/home当我先加载页面然后导航到页面时,它工作正常/login。侧边菜单按预期消失。

当我在页面上重新加载我的应用程序时/login,菜单没有被禁用。


如果使用 100 或 200 毫秒的 setTimeout 来调用enable方法,侧边菜单会消失,但它不是很干净......


另一种解决方法是使用指令显示ion-menu何时window.location.pathName不等于。它正在工作,但我发现这也不是很干净....../login*ngIf


离子信息

0 投票
3 回答
16945 浏览

ionic-framework - Ionic 4 how do I receive componentProps?

In Ionic 4, I am trying to use the modalController to open a modal. I am able to open the modal and send componentProps, but I'm not sure how to receive those properties.

Here's how I open the modal component:

My question is; in the actual modal, how do I get test: "123" into a variable?

0 投票
2 回答
2070 浏览

ionic-framework - Ionic 4 日期时间选择器不更新其变量

I am using the ionic 4 ion-datetimepicker to try to select a date in a form, though when a new date is selected, it does not update the variable.

我已经尝试过使用我知道的所有不同组合,但我已经在这个例子中包含了所有这些组合。

在我的表单控制器中,我有:

最终,我使用表单提交操作

在最新的 beta API 中,它没有提到使用[(ngModel)]or (ngModelChange),但这是我可以预先选择默认日期(今天)的唯一方法。

不幸的是,它没有更新模型也没有更新表单对象。有什么想法吗?

0 投票
1 回答
3350 浏览

typescript - 错误:[ts] 找不到名称'React

由于某些特定原因,我需要对Ionic组件进行一些自定义:range,将组件类名称从更改RangeCustomRange(使用选择器:)custom-range

https://github.com/ionic-team/ionic/blob/master/core/src/components/range/range.tsx

为此,我将文件复制/粘贴到:

https://github.com/ionic-team/ionic/tree/master/core/src/components/range

目录内:

然后我将 module:CustomRange导入到 file: 的声明中app.module.ts

还修复了import文件内部语句的引用:range.tsx这很好。

但我的问题是我收到如下错误:

如下图所示:

在此处输入图像描述

你知道我该如何解决这个问题吗?

谢谢!

0 投票
1 回答
129 浏览

ionic-framework - 使用 ion-tabs 实现常规选项卡

是否可以使用 ion-tabs 实现常规选项卡?

我的意思是在桌面应用程序中:

Stuff above the tabs

Tabs 1| Tab 2|(white space covering the rest of the row) Contents

Stuff below the tabs

0 投票
1 回答
257 浏览

vue.js - 如何在 vue/ionic4 中显示 html

我正在使用 Vue 尝试新的 Ionic_beta。
在一个组件中,我有一个显示一些 html 的模板。
如果我将<div>包含 html 的<ion-content>指令放在指令中,则不会显示 html。如果我省略了<ion-content>html,则会显示 html,但现在带有 html 的面板不可滚动。

html 显示,不可滚动.....

html 未显示

0 投票
0 回答
255 浏览

html - ion-content 中的 DOM 元素以错误的方向呈现

我在 Ionic 网站 (PWA) 中构建了一个通用静态页面,但在 Firefox 上出现了意外行为:我所有 ion-content 的子元素都以错误的方向呈现。

在 Chrome 或 Safari 上,一切似乎都很好......

我试图找到一个 flex 容器来应用flex-direction : columnflex-direction : column-reverse但是这不起作用。

模板和样式:

在 Chrome 上运行的应用程序的屏幕截图

在 Firefox 上运行的应用程序的屏幕截图

在上面的屏幕截图中,您可以在 Firefox 检查器中看到 DOM 元素呈现如下:

虽然在我的 HTML 文件中

所以我不确定这只是由于CSS....

有没有人有类似的行为?我会很感激你能给我的每一种帮助:)

编辑:目前,我正在使用 Ionic CLI 4.0.3,这个项目使用 Ionic Framework 4.0.0.beta.2。

这是我的 ionic info 命令结果:

这是我的 package.json :

0 投票
1 回答
2847 浏览

angular - ionic 4 tabs starter - href="/tabs/(contact:contact)" 做什么

我正在探索 ionic 4 (type angular) 中的新导航,在标签项目中你可以找到这个

什么是

做?它是以前navParams的某种替代品吗?

0 投票
4 回答
13503 浏览

angular - ionic 4 - 如何检索传递给模态的数据

根据 Ionic 4 文档,您可以通过 componentProps 属性传递数据。在 Ionic3 中,我可以使用 navParams 服务检索它。我如何在 Ionic 4 中做到这一点?