ionic-framework 相关问题

Ionic是一个前端框架,用于使用Sass和Angular开发具有HTML的本机感混合移动应用程序。默认情况下,它运行在Cordova之上。

如何更改 ionic 7 中离子输入标签的颜色

我已将项目升级到 Ionic 7,现在离子输入不需要离子标签。我已经改变了它,但我不知道如何分配它们的颜色。 前: 在此输入图像描述 输入图片

回答 3 投票 0

Google 地图自动完成,修复输入

我正在尝试将谷歌地图自动完成输入添加到我的离子应用程序中。除了当我滚动时,它工作得很好。如图所示: 所以我尝试了不同的方法,例如更改 .pac-

回答 7 投票 0

缺少表单参数:grant_type IONIC CAPACITOR

我正在尝试调用Keycloak,但控制台给了我这个错误: 缺少表单参数:GRANT_TYPE 这是我的代码: 邮政() { 调试器; 让 url = "http://172.20.10.3:8080/realms/myre...

回答 1 投票 0

启动Gradle Daemon,2个繁忙的Daemon无法重用,使用--status查看详情

我有两个使用 Ionic 3 和 4 的项目,每当我运行 ionic cordova run android 时,它总是卡在启动 Gradle 守护进程,3 个繁忙的守护进程无法重用,请使用 --status 了解详细信息。 当

回答 2 投票 0

Vue3 + Ionic + Sanctum 移动认证回馈 419

我正在尝试在我的 Vue3 Ionic 移动应用程序上执行简单的令牌身份验证。我有两个独立的存储库 - 一个是 Laravel 10 后端中的 API,另一个是 Vue3 Ionic 应用程序,我...

回答 1 投票 0

Android签名的APK无法进行API调用

我们的应用程序在进行 API 调用时已经开始挂起,尽管几个月没有在生产环境中进行更新。我们可以使用应用程序的 Play 商店版本或通过创建本地构建来复制该问题...

回答 4 投票 0

如果文本字段为空则添加验证

我是 Angular 和 Ionic 的新手,我正在尝试在我的警报文本框中添加验证。 默认情况下,我通过 css 禁用提交图标 “.comment-history-box{指针事件:无;}” 。我想要...

回答 1 投票 0

如何在我的 ionic React 项目中实现 firestore?

在我的离子反应项目中,我尝试使用官方谷歌文档来实现firebase的firestore。但是,我在 IDE 中的 const db = firebase.firestore(); 下收到错误 这是我的错误...

回答 1 投票 0

在 Ionic/Angular 应用程序中的 Android 13 上捕获“Enter 键”按下事件时遇到问题。如何防止焦点改变并调用API?

我在离子/角度移动应用程序中遇到问题。 我可以在 android 12 之前捕获按下事件“Enter key”,但我可以在 android 13 中捕获按下事件“Enter key”。当输入一个数字时...

回答 1 投票 0

错误:未知参数:尝试使用 Ionic CLI 生成独立 Angular 组件时出现独立

当我尝试使用 Ionic CLI 生成独立组件时,出现以下错误: $ ionic g c someComponent --standalone > ng 生成组件 someComponent --standalone --project=...

回答 1 投票 0

如何防止手风琴组重新渲染

我有一个 AccordionGroup,其值可以打开第一个手风琴。 我有一个 AccordionGroup,其值可以打开第一个手风琴。 <IonAccordionGroup multiple={true} value="first" ... 在我的第二个手风琴中,它们是离子输入。 <IonAccordion value="second" ... <IonInput label=... value={Inputvalue} type="text" onIonInput={(e) => setInputvalue(e.detail.value as string)} OnIonInput,AccordionGroup 正在关闭第二个手风琴并打开第一个(将其值设置为默认值)。 我希望没有 Accorion 被关闭或打开来更改输入。 如何防止手风琴组重新渲染?还是我的问题是另一个问题? const doNothing = async () => {}; <IonAccordionGroup ref={accordionGroup} multiple={true} onIonChange={doNothing} ...

回答 1 投票 0

如何使用 iOS SDK 17 而不是 16 构建应用程序 ionic/cordova 应用程序?

我们刚刚收到 Apple 发来的电子邮件,说我们的应用程序是使用 iOS SDK 16.2 构建的,我们应该使用 iOS 17 SDK,但我正在努力寻找如何实际做到这一点。 我在网上读到 SDK

回答 1 投票 0

每次渲染时运行组件函数

我有一个 Ionic Angular 应用程序,每次视图更改时都会调用 API 并将值存储在 ionic 存储中。 每个页面都有一个“标题”组件,应该显示来自 st 的该值...

回答 2 投票 0

在 Android/ios 上使用 ionic 下载 blob

我有一个用 ionic/Angular 编写的应用程序。在我的应用程序中,我必须下载 Excel 文件。 我的服务器返回 json,其中包含 base64 格式的数据、文件名和 mimetype。在 ionic 上,我下载了

回答 1 投票 0

标题:React History.push 在登录功能中首次单击时未重定向

我正在开发一个 React 应用程序,使用 AWS Amplify 进行身份验证,使用 Ionic React 作为 UI。我的问题是来自react-router-dom的history.push方法,它似乎没有重定向

回答 1 投票 0

离子签名板

我已经在我的离子项目中安装了“angular2-signaturepad”,并且创建了一个测试应用程序,并且工作正常,但是当我尝试与现有项目集成时,显示“signature-pad”不是...

回答 1 投票 0

从主分支合并代码后,Swiper 无法工作

这是我在html文件中使用的代码 @for(userList的用户;跟踪$index;){ 这是我在 html 文件中使用的代码 <swiper-container [pagination]="true"> @for (user of userList; track $index;) { <swiper-slide class="d-flex align-items-center justify-content-center"> <ion-card class="mt0 ml0 mr0"> <div class="gradient-overlay"></div> <img class="object-fit-cover" width="420" height="220" [src]="user?.img" alt="" /> <div class="d-flex justify-content-between w-100 position-absolute pdb16 px-3 bottom-0" > <div class="pdl-h3 pdl-clr-white pdb6"> {{ user.padelCourtName }} </div> <div class="pdl-h3 d-flex text-end bold pdl-clr-white"> ${{ user.price }}/h </div> </div> </ion-card> </swiper-slide> } </swiper-container> ts 代码是 用户列表:任何[] = [ { 编号: 1, padelCourtName: 'Padel 球场名称 1', 价格:'50', img: '../../assets/court-img.jpg', }, { 编号: 2, padelCourtName: 'Padel 球场名称 1', 价格:'50', img: '../../assets/court-img.jpg', }, { 编号: 3, padelCourtName: 'Padel 球场名称 1', 价格:'50', img: '../../assets/court-img.jpg', }, ]; 当我在合并代码之前使用它时,我还导入了 CUSTOM_ELEMENTS_SCHEMA 和模式,它可以正常工作,现在我将代码从主分支合并到我的分支,并且控制台中没有错误。 我该怎么办? 我也问了Chatgpt,它告诉我检查数据,但它也不起作用 根据您提供的信息很难说,但由于您的模板和数据没有错误,以下是我的猜测: 我没有看到register()函数。像这样使用它: 从'swiper/element/bundle'导入{register}; 构造函数(){ 登记(); } 正确使用 CUSTOM_ELEMENTS_SCHEMA @组件({ ... 架构:[CUSTOM_ELEMENTS_SCHEMA] }) 确保您在package.json中安装了正确版本的swiper

回答 1 投票 0

删除 Capacitorjs 中特定的 App 监听器

我的电容器应用程序的主屏幕包含此代码 挂载(()=> { App.addListener('backButton', () => { App.exitApp(); }); 返回()=> { App.removeAllLis...

回答 1 投票 0

错误:找不到“@ionic/angular/css/display.css”

我正在将我的 ionic 项目从版本 4 迁移到版本 5。为此,我最初使用此命令安装了最新版本的 ionic 4 npm 安装@ionic/angular@^4.0.0 但现在它正在给予...

回答 1 投票 0

带有 React 和 Typescript 的离子电容器不适用于 Firebase 功能

我一直在使用 Typescript 和 Firebase 后端开发离子电容器 React 应用程序。这非常有效,但我在构建 Firebase Functions 时遇到了问题。出现错误...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.