问题标签 [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.
ionic-framework - Ionic 4:更改输入字段的填充
我试图通过更改 css4 变量来更改输入字段的填充,但我一定做错了,因为填充没有改变。我还在习惯css4。这是我的 scss 文件。
node.js - 无法添加平台并在 ionic4 项目中构建
我正在尝试使用 ionic4 构建一个 android 应用程序。我正在使用这个命令:ionic cordova prepare android
每次我要添加平台时都会出现此错误。
这是我机器中的配置:
- npm - 5.5.1
- 节点 - 9.0.0
- 离子 CLI - 4.1.0
- 科尔多瓦 - 8.0.0
有没有兼容性问题?
angular - 离子按钮单击上的事件 preventDefault 不起作用
我正在使用 Ionic 4,并且我做了一个指令来防止在某些条件适用时点击组件。
然后在我的按钮上:
这不起作用,如果我将 click() 移动到上部元素(由于 stopPropagation),它会起作用,我想知道为什么这不起作用。
我做了一个stackBlitzz
任何帮助表示赞赏。
angular-router - 如果什么都没有,有没有办法在角度路由器历史记录中添加一个页面?
我正在使用使用角度路由器的 ionic 4。有一个场景,用户可以点击一个类别并导航到类别页面。在类别页面上,有一个返回按钮显示,将用户带回主页。但是,如果用户重新加载页面,则不会再显示返回按钮,因为历史没有其他页面可以返回。我想检测这种情况并将主页添加到历史记录中,以便用户可以选择返回。这可能吗?任何指针?
angular - 何时使用vs Angular 路由器?
Ionic Framework 4 有一个名为Nav
( <ion-nav>
) 的导航组件,根据Ionic 文档,该组件旨在供用户使用
在应用程序的不同页面之间移动
这与内置 Angular 路由器的功能重叠。
Nav
与内置 Angular 路由器相比,何时使用 Ionic 组件更好?
javascript - 如何使用 Ionic PWA Starter Kit 创建自定义 Stencil 组件
我只是运行命令:
Ionic 4 PWA
它在目录内创建了一个具有以下目录结构的香草src
:
然后我想创建一个带有 html 标签的自定义组件:comp-workspace
和文件名:(comp-workspace.js
或类似的东西),我可以在不使用任何 Javascript 框架的情况下插入任何原版HTML
/页面上。Javascript
这里有一些事情需要考虑:
组件:
comp-workspace
可以包括以下组件:{comp-gallery
,comp-artboard
,comp-text-editor
,comp-layer-stack
}。以上所有组件都可以包括标准
Ionic
组件。
请看下图:
这是添加我的自定义组件后的目录结构:comp-workspace
及其依赖项。
然后,我想以类似于以下方式使用我的自定义组件:
如果我build
在控制台上运行命令,我会得到以下输出:
我还得到一个新目录:www
包含以下内容:
但正如您所见,我没有获得可用于在任何原版HTML/Javascript
页面上插入自定义组件的实际 javascript 包文件。
我的问题是:我如何build
从这个应用程序中只使用我的自定义组件Ionic 4 PWA
?
谢谢!
[编辑 1]
这是对下面Alexander Staroselsky评论的回应,他说:
您可以考虑使用类似stencil-component-starter 的东西来构建可以在任何地方有效地捆绑和使用的单个 Web 组件。
亚历山大说得很好,实际上这是我最初的想法,但我发现了一些我在这个论坛上发布的问题:
亚伦·桑德斯(Aaron Saunders)在那里说(截至2018-08-28
):
看来这个项目(stencil-component-starter)
Ionic 4
默认情况下没有。
然后他建议我使用该Ionic PWA Starter Kit
项目,这就是我在这里尝试做的。这样做似乎一切正常(所有Ionic
组件都工作),但现在我只需要将我的自定义组件编译为单独的文件。
这是StackOverflow中并行的相同讨论:
有任何想法吗?
ionic-framework - 将 Ionic 4 应用程序部署到 Apache 服务器
我正在尝试将新的 Ionic 4 应用程序部署到 Apache 服务器。我已经跑了。
确保它在本地构建然后我跑了
然后跑了
这是为了在 www 中生成生产文件。但是当我将文件上传到服务器并转到 index.html 文件时,它什么也没显示。我不断在控制台中收到错误。
加载资源失败:服务器响应状态为 404 (Not Found) runtime.js
加载资源失败:服务器响应状态为 404 (Not Found) polyfills.js
和其他四个错误。
任何帮助都会很棒。
angular - Ionic V4(角度)content.scrollToTop
在 Ionic V3.X 中,这会将视图滚动到顶部:
在 Ionic V4 中,这不再有效 - “内容类型上不存在属性 scrollToTop”。
有替代方案吗?谢谢。
ionic-framework - 如何仅为登录页面隐藏 ionic 4 选项卡
我正在处理一个带有标签的项目,但它应该只在用户登录后出现。
当 app.routing.module.ts 中的路由如下时,选项卡工作得很好:
但是当我像这样使用登录时:
它不起作用。
app.routing.module.ts
tabs.routing.module.ts
css - IONIC4:如何使用 cssClass 进行加载,它不起作用
我想使用 cssClass 更改离子加载样式,我的代码如下:
loading.page.ts :
加载.page.scss ::
`
}`
加载.page.html :
这有什么问题?任何人都可以帮助我。我很困惑。提前谢谢。