问题标签 [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 回答
8672 浏览

ionic-framework - Ionic 4:更改输入字段的填充

我试图通过更改 css4 变量来更改输入字段的填充,但我一定做错了,因为填充没有改变。我还在习惯css4。这是我的 scss 文件。

0 投票
0 回答
45 浏览

node.js - 无法添加平台并在 ionic4 项目中构建

我正在尝试使用 ionic4 构建一个 android 应用程序。我正在使用这个命令:ionic cordova prepare android

每次我要添加平台时都会出现此错误。

这是我机器中的配置:

  • npm - 5.5.1
  • 节点 - 9.0.0
  • 离子 CLI - 4.1.0
  • 科尔多瓦 - 8.0.0

有没有兼容性问题?

0 投票
2 回答
2349 浏览

angular - 离子按钮单击上的事件 preventDefault 不起作用

我正在使用 Ionic 4,并且我做了一个指令来防止在某些条件适用时点击组件。

然后在我的按钮上:

这不起作用,如果我将 click() 移动到上部元素(由于 stopPropagation),它会起作用,我想知道为什么这不起作用。

我做了一个stackBlitzz

任何帮助表示赞赏。

0 投票
1 回答
413 浏览

angular-router - 如果什么都没有,有没有办法在角度路由器历史记录中添加一个页面?

我正在使用使用角度路由器的 ionic 4。有一个场景,用户可以点击一个类别并导航到类别页面。在类别页面上,有一个返回按钮显示,将用户带回主页。但是,如果用户重新加载页面,则不会再显示返回按钮,因为历史没有其他页面可以返回。我想检测这种情况并将主页添加到历史记录中,以便用户可以选择返回。这可能吗?任何指针?

0 投票
1 回答
957 浏览

angular - 何时使用vs Angular 路由器?

Ionic Framework 4 有一个名为Nav( <ion-nav>) 的导航组件,根据Ionic 文档,该组件旨在供用户使用

在应用程序的不同页面之间移动

这与内置 Angular 路由器的功能重叠。

Nav与内置 Angular 路由器相比,何时使用 Ionic 组件更好?

0 投票
0 回答
627 浏览

javascript - 如何使用 Ionic PWA Starter Kit 创建自定义 Stencil 组件

我只是运行命令:

Ionic 4 PWA它在目录内创建了一个具有以下目录结构的香草src

然后我想创建一个带有 html 标签的自定义组件:comp-workspace和文件名:(comp-workspace.js或类似的东西),我可以在不使用任何 Javascript 框架的情况下插入任何原版HTML/页面上。Javascript

这里有一些事情需要考虑:

  1. 组件:comp-workspace可以包括以下组件:{ comp-gallery, comp-artboard, comp-text-editor, comp-layer-stack}。

  2. 以上所有组件都可以包括标准Ionic组件。

请看下图:

在此处输入图像描述

这是添加我的自定义组件后的目录结构:comp-workspace及其依赖项。

然后,我想以类似于以下方式使用我的自定义组件:

如果我build在控制台上运行命令,我会得到以下输出:

我还得到一个新目录:www包含以下内容:

但正如您所见,我没有获得可用于在任何原版HTML/Javascript页面上插入自定义组件的实际 javascript 包文件。

我的问题是:我如何build从这个应用程序中只使用我的自定义组件Ionic 4 PWA

谢谢!

[编辑 1]

这是对下面Alexander Staroselsky评论的回应,他说:

您可以考虑使用类似stencil-component-starter 的东西来构建可以在任何地方有效地捆绑和使用的单个 Web 组件。

亚历山大说得很好,实际上这是我最初的想法,但我发现了一些我在这个论坛上发布的问题:

https://forum.ionicframework.com/t/ion-label-component-inside-the-stencil-component-starter-not-getting-rendered/139763/3#post_4

亚伦·桑德斯(Aaron Saunders)在那里说(截至2018-08-28):

看来这个项目(stencil-component-starterIonic 4默认情况下没有。

然后他建议我使用该Ionic PWA Starter Kit项目,这就是我在这里尝试做的。这样做似乎一切正常(所有Ionic组件都工作),但现在我只需要将我的自定义组件编译为单独的文件。

这是StackOverflow中并行的相同讨论:

模板组件启动器中的离子标签组件未呈现

有任何想法吗?

0 投票
1 回答
1090 浏览

ionic-framework - 将 Ionic 4 应用程序部署到 Apache 服务器

我正在尝试将新的 Ionic 4 应用程序部署到 Apache 服务器。我已经跑了。

确保它在本地构建然后我跑了

然后跑了

这是为了在 www 中生成生产文件。但是当我将文件上传到服务器并转到 index.html 文件时,它什么也没显示。我不断在控制台中收到错误。

加载资源失败:服务器响应状态为 404 (Not Found) runtime.js

加载资源失败:服务器响应状态为 404 (Not Found) polyfills.js

和其他四个错误。

任何帮助都会很棒。

0 投票
3 回答
5788 浏览

angular - Ionic V4(角度)content.scrollToTop

在 Ionic V3.X 中,这会将视图滚动到顶部:

在 Ionic V4 中,这不再有效 - “内容类型上不存在属性 scrollToTop”。

有替代方案吗?谢谢。

0 投票
3 回答
4447 浏览

ionic-framework - 如何仅为登录页面隐藏 ionic 4 选项卡

我正在处理一个带有标签的项目,但它应该只在用户登录后出现。

当 app.routing.module.ts 中的路由如下时,选项卡工作得很好:

但是当我像这样使用登录时:

它不起作用。

app.routing.module.ts

tabs.routing.module.ts

0 投票
3 回答
2380 浏览

css - IONIC4:如何使用 cssClass 进行加载,它不起作用

我想使用 cssClass 更改离子加载样式,我的代码如下:

loading.page.ts :

加载.page.scss ::

`

}`

加载.page.html :

这有什么问题?任何人都可以帮助我。我很困惑。提前谢谢。