ionic-framework 相关问题

带有 vue 的离子存储

我正在使用 Ionic Framework v5 和 Vue 3.0.0 构建一个应用程序。 我使用 Vuex 存储来存储全局应用程序信息，例如用户登录令牌。 // 文件 src\store.ts 导出常量存储 = 创建...

Android 调用 API 时 Ionic/Capacitor net::ERR_CONNECTION_REFUSED

我有一个 ionic vue 应用程序，我想将其作为 Android 应用程序进行测试。 我使用以下命令来创建应用程序： 离子帽添加android 离子构建 离子帽复制 离子帽打开android 然后我开始...

如何在画布中正确居中游戏对象

我目前正在摆弄带有离子电容器的 Phaser3 来制作移动应用程序。 我不确定这是否是 Phaser3 或 Ionic 上的错误，但由于某种原因，场景中的只读值（在

用CSS根据屏幕尺寸制作圆形图像

我正在尝试将我的图像制作为圆形。尽管该图像具有不同的宽度和高度，但我希望它是圆形，看起来它们具有相同的宽度和高度长度。 例如;我的

Angular/Fire docData 适用于 chrome/safari macos，但绝不会在 Capacitor-ios 上发出

Angular/Fire 方法 docData 在 chrome/safari macos 上工作，但从不在 Capacitor-ios 上发出（Capacitor 在 ios 上使用 webkit-safari） 我可以看到游戏对象确实存在，因为它显示......

(keyup.enter) 事件在 iOS 键盘中不起作用

我在 ionic 框架 + Angular 中开发了该应用程序，对于某些功能，我使用输入绑定了（keyup.enter）事件。但不知怎的，它在 iOS 设备最新版本中不起作用。但是

XL 屏幕上同一页面中有两个<ion-router-outlet>

我的应用程序具有以下页面结构： /家 /菜单 /一个 /B /行政 所以 /menu/A 和 /menu/B 是两个不同的页面。不管怎样，在非常大的（XL）屏幕上，我可以并排显示它们。所以我...

如何强制从子组件重新加载父组件？

此应用程序是使用 Angular 17（独立）和 Ionic 7 编写的。Tab1Page（“卡片”）是父项，ItemCardComponent 是其子项（离子卡的 Swiper 轮播，其值可恢复...

离子菜单项在选择一个时全部处于活动状态

我有一个基于用户访问的应用程序。我检查用户所在的环境以及他们在该环境中可以访问哪些功能，然后，我将这些功能列出为

Swiper 无法在 Angular Ionic 应用程序中工作

所以我试图在角度应用程序中实现滑块。我偶然发现了 SwiperJS，它似乎可以满足我需要的一切。 第一个实现有效，我可以在图像之间滑动，但是......

Ionic 和 MSAL 身份验证

我有一个 Ionic 应用程序需要在 Azure 中进行身份验证，因此我按照本教程安装了 MSAL： https://learn.microsoft.com/en-us/graph/tutorials/angular 它的作用就像“离子

带有选项卡的子组件未获得正确的 ID - 离子/角度

我是 ionic 新手，我正在尝试设计一个简单的应用程序来学习。我有一个主页 (MP)，当我单击该页面上的按钮时，我会转到一个新页面 (AP)，并且有选项卡。我的标签...

同一网络上 2 个设备的套接字无法工作

我实际上正在开发 ElectronJS 应用程序和 Ionic 应用程序。 Electron 应用程序有一个 Socket 服务器（使用 SockJS），Ionic 应用程序有 Socket 客户端。 我的问题是当我启动两个...

单元测试 Angular 独立组件，未使用重写提供程序

我有一个角度组件，使用我想在单元测试中模拟的类。所以我在测试的提供者部分覆盖了它。 但该组件仍然调用真实的类，并且我收到错误。

ionic cordova 和 Angular 项目 ng-如果不工作

项目规格： 离子科尔多瓦 离子7 角度 18.0.3 *ng如果不工作。 页面.html 项目规格： 离子科尔多瓦 离子7 角度 18.0.3 *ng如果不起作用。 page.html <ion-segment [(ngModel)]="segment" (ionChange)="typeChange($event)"> <ion-segment-button value="right"> <ion-label>Right</ion-label> </ion-segment-button> <ion-segment-button value="missing"> <ion-label>Missing</ion-label> </ion-segment-button> <ion-segment-button value="damaged"> <ion-label>Damaged</ion-label> </ion-segment-button> </ion-segment> <div *ngIf="segment == 'right'"> Right </div> <div *ngIf="segment == 'missing'"> Missing </div> <div *ngIf="segment == 'damaged'"> Damaged </div> page.ts： segment = "right"; typeChange(event) { console.log(this.segment); } 以上是我的代码。 预期产量 实际产量 请帮我找到解决方案。 谢谢你 请在page.ts中尝试以下代码： segment: string = 'right'; // Default to 'right' typeChange(event: any) { this.segment = event.detail.value; // Update segment value on change console.log(this.segment); // Log for debugging } 使用严格相等运算符 (===) 而不是 ==。 <ion-segment [(ngModel)]="segment" (ionChange)="typeChange($event)"> <ion-segment-button value="right"> <ion-label>Right</ion-label> </ion-segment-button> <ion-segment-button value="missing"> <ion-label>Missing</ion-label> </ion-segment-button> <ion-segment-button value="damaged"> <ion-label>Damaged</ion-label> </ion-segment-button> </ion-segment> <div *ngIf="segment === 'right'"> Right </div> <div *ngIf="segment === 'missing'"> Missing </div> <div *ngIf="segment === 'damaged'"> Damaged </div>

如何在离子电容器 React 上设置验证码

有人设法使 recapcha 在 ionic 上工作吗？ 我计划使用 Appflow 进行部署。 我设法让它在我的本地环境中工作，但我的问题是当我将它部署到

如何在 ionic 中设置和对齐工具栏中心的离子选择

我想在离子工具栏上设置选择选项，但我无法将其对齐到中心，我已经尝试了很多东西......通过使用这些方法我无法这样做， 我想在离子工具栏上设置选择选项，但我无法将其对齐到中心，我已经尝试了很多东西......通过使用这些方法我无法这样做， <div text-center> <label class="email"> <input type="email" placeholder="Email" name="email"> </label> </div> 此方法将输入框居中对齐，但不会将选择选项居中对齐。这是一个stackblitz <div text-center> <ion-item> <ion-select [(ngModel)]="gaming" interface="popover"> <ion-option selected value="empty">empty</ion-option> <ion-option value="n64">Nintendo64</ion-option> <ion-option value="ps">PlayStation</ion-option> <ion-option value="genesis">Sega Genesis</ion-option> <ion-option value="saturn">Sega Saturn</ion-option> <ion-option value="snes">SNES</ion-option> </ion-select> </ion-item> </div> 结果还是一样 .item-select{ position: initial; margin-left: 100px; width:40%; text-align: center; } 这也不影响，谁能告诉我如何在 ionic 中将选择选项设置为在工具栏上居中？ 我认为文本中心将无法工作，因为离子选择是组件。我已经通过在网格中使用离子选择来解决这个问题。 <ion-grid> <ion-row> <ion-col size="12" offset="4"> <ion-item> <ion-select> <ion-select-option selected>item 1</ion-select-option> <ion-select-option>item 2</ion-select-option> </ion-select> </ion-item> </ion-col> </ion-row> </ion-grid> 您需要为左边距、右边距、最大宽度和宽度百分比输入百分比。下面是我的例子（只取样式）： <ion-select name="remark" formControlName="event" interface="popover" [(ngModel)]="remark" style="max-width: 100%; width: 80%; height: 25px; margin-left: 10%; margin-right: 10%;" (ionChange)="onChange($event)" placeholder="Sila pilih satu"> <ion-option value="Y">Yuran</ion-option> <ion-option value="L">Lain-lain Bayaran</ion-option> </ion-select> 我发现解决这个问题的一个非常简单的方法是使用CSS： ion-select{ width: fit-content; } 如果您出于某种原因将 ion-select 放在 ion-item 中，则此方法不起作用，但是如果您使用包装器 div，则它可以正常工作： .selectWrapper{ justify-content: center; align-items: center; text-align: center; } <div class="selectWrapper"> <ion-select> <ion-select-option></ion-select-option> <ion-select-option></ion-select-option> </ion-select </div>

更改 Ionic 5 中离子搜索栏输入的字体大小

如何更改 ion-searchbar 输入的字体大小？有人可以帮忙吗？ 这是我尝试过的，但这不起作用 .searchbar-输入{ 字体-s...

Ionic 6 - 无法在 Ionic Angular 应用程序中获取后台推送通知

我有一个 Ionic Angular (v.6) Android 和 iOS 应用程序，我想向它们发送推送通知。我正在使用电容器推送通知库。我的电容版本是3。 当我的应用程序打开时，我...

如何停止 Ionic VS Code 扩展自动添加 import 语句

每次我在 Angular 应用程序中保存 .html 文件时，Ionic 扩展都会将此行添加到相应的 .ts 文件中： import { addIcons } from "ionicons"; 虽然，我确实在其他应用程序中使用 Ionic