Ionic是一个前端框架,用于使用Sass和Angular开发具有HTML的本机感混合移动应用程序。默认情况下,它运行在Cordova之上。
我想使用原理图“ionic g c ...”生成一个没有样式表文件的新组件 在此输入图像描述 离子信息 离子 CLI:7.2.0 离子框架...
无法在iOS/Safari中使用ionic2/angular2正确显示日期时间
嗨,我在这里面临一个奇怪的问题,我正在获取动态数据,因为我还获取了日期和时间,并且我使用 chrome/android 中的日期管道在 html 中显示它,它运行良好,但是当我检查时...
离子:3.20.0 节点:v8.10.0 npm:5.6.0 尼普我 ✖ 运行命令 - 失败! [错误] 运行 npm i 时发生错误(退出代码 254): npm 错误!小路 /用户/卢卡斯齐默曼/
Ionic 移动应用程序使用附属链接在 Android 应用程序中打开
在Android移动设备上基于链接打开Ionic Android应用程序,可以使用深度链接方法。深层链接允许您将用户直接导航到...中的特定内容或功能。
android 设备上的 mat-select 和 mat-dialog 闪烁 - Ionic 7 和 Angular 17
我目前正在研究离子项目,并使用了角度框架,但不知何故,垫选择和垫对话框闪烁了几分之一秒。正如你在附件中看到的。 Ionic 7 和 Angular...
ionic 5 Angular 10 错误:未捕获(承诺中):TypeError:无法读取未定义的属性(读取“appendChild”)
错误错误:未捕获(承诺中):类型错误:无法读取未定义的属性(读取“appendChild”) 类型错误:无法读取未定义的属性(读取“appendChild”) 在 StackControl...
如何在有条件的离子模式上设置伪元素 ::part() 的样式
我有一个离子模式,之前的CSS如下 离子模式::部分(内容){ 宽度:300px; 高度:480像素; } 我需要创造一个条件如果A那么高度变低,但是我...
我有两张卡片想要垂直居中。 在大屏幕上,卡片应并排位于同一行。行应居中。 在小屏幕上,卡片应位于另一张卡片的下方。 我尝试...
我没有找到任何在 iOS / iPhone 中在 1 秒左右加载视频的解决方案 iOS/iPhone 加载时间: 31 GB 视频需要 5-7 秒 92 GB 视频需要 7-9 秒 401 GB 视频需要 16-18 秒。
我正在将我的 Ionic 3 项目升级到最新的 Ionic 4,但我在路由方面遇到了一些问题。在 Ionic 3 中我像这样使用 setRoot : 处理程序: () => navCtrl.parent.parent.setRoot(HomePage, 'l...
我正在遵循这个 ionic 教程,但在 Android Studio 中设置 SDK 以测试我的 ionic 项目时遇到了一些问题。 我正在寻找 SDK 管理器,但似乎没有找到...
使用 Ionic Native 的应用程序启动器打开另一个 Android 应用程序时出现问题
我的应用程序遇到问题,无法使用 Ionic Native 的应用程序启动器在 Android 上打开另一个应用程序。 canOpenUrl方法返回true,表明该URL c...
Ionic 4 & 电容器,如何在 ios 上自动填充密码?
我在applestore上有一个应用程序,它使用ionic 4和电容器。但我无法在第一次登录时保存 ID 密码并更新它。 我尝试 在域上添加关联域文件 (https://developer.apple...
我正在尝试在 Nuxt 3 项目中使用 ionic 模块(https://www.npmjs.com/package/@nuxtjs/ionic)进行混合应用程序开发。在我安装了 @nuxtjs/io 后,SSR 就不再工作了...
Angular Ionic 与 Firebase - 多个 Firebase 配置
我的应用程序可以有很多 Firebase 服务器,我们可以从 API 中获取这些服务器的列表。我的问题是我不知道如何为选定的服务动态加载 firebase 配置...
关于如何修复 gradle 版本有很多好的建议,但其中一些已经过时,或者我只是找不到建议的路径。一个对我有用的解决方案是项目>项目
我有一个带有 的离子复选框 我有一个带有 的离子复选框 <ion-checkbox value={value} name='name' onIonChange={(e) => this.handleChangeCheck(e)} label-placement="end"> <div class="ion-text-wrap">My text <a href="https://google.it"> click here</a></div> </ion-checkbox> 离子版本7x 代码重现https://d6xspp.stackblitz.io 一种方法是使用 css prop z-index 和 js event.stopPropagation(): CSS .ion-text-wrap { position: relative; } .ion-text-wrap a { position: absolute; top: 0; left: 0; z-index: 1; /* Higher z-index to make the link clickable */ } JS <ion-checkbox value={value} name='name' onIonChange={(e) => this.handleChangeCheck(e)} label-placement="end"> <div class="ion-text-wrap"> My text <a href="https://google.it" onClick={(e) => e.stopPropagation()}>click here</a> </div> </ion-checkbox>
我想水平显示动态卡片列表。大屏幕为每行 3 x 3,小屏幕则为第 12 列。 我想水平显示动态卡片列表。大屏幕的每行尺寸为 3 x 3,小屏幕的尺寸为整列 12。 <ul class="list-group list-group-horizontal"> <li class="list-group-item">An item</li> <li class="list-group-item">A second item</li> <li class="list-group-item">A third item</li> </ul> 。每个列表项仍然是垂直的而不是水平的 <ion-grid> <ion-list class="ion-padding-top"> @for (item of myList; track item.userId) { <ion-row> <ion-card class="col-4"> <ion-avatar> <img alt="Silhouette of a person's head" src="https://ionicframework.com/docs/img/demos/avatar.svg" /> </ion-avatar> <ion-card-header> <ion-card-title>Card Title</ion-card-title> <ion-card-subtitle>Card Subtitle</ion-card-subtitle> </ion-card-header> <ion-card-content> Here's a small text description for the card content. Nothing more, nothing less. </ion-card-content> </ion-card> </ion-row> } } </ion-list> </ion-grid> 您可以使用离子网格使您的列响应: <ion-grid> <ion-row> <ion-col size-lg="3" size-md="3" size-sm="12" size="12"> // to make it responsive you can adjust these size values. <ion-card> //your card content here </ion-card> </ion-col> </ion-row> </ion-grid> 有关更多信息,您可以查看文档:Ion-Grid
Ui 是使用离子角度的高推车重叠的移动设备 这是第一张图片,它在图像中显示重叠 这是该图像中的第二张图像,我单击了 2023 选项 这是我的第三张图片...
我遇到以下问题。我创建了一个离子项目并生成了一个主页和一个注册页面。 当我尝试从家里进行导航进行注册时,当我点击注册按钮时......