ionic-framework 相关问题

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

我的测试 CURL（获取）调用有效。问题：我的 Ionic React 应用程序 iOS（使用 Axios 或 fetch()）内的相同 URL（用于 CURL）给我一个错误。 --- 这是有效的 CURL 卷曲 -X 'GET' \ 'http...

reactjs react-native ionic-framework axios

回答 1 投票 0

如何在iOS上使用Capacitor保存文件？

我有以下代码（改编自本教程），用于从后端保存文件：从 '@capacitor/core' 导入 { FilesystemDirectory, Plugins }; const { 文件系统 } = 插件；等待

ios ionic-framework capacitor ionic5

回答 3 投票 0

从第 2 页导航到第 1 页期间页脚可见

离子页脚按钮不会正确消失。这是第2页的代码：从第 1 页导航到第 2 页，然后从第 2 页导航回第 1 页时，离子页脚按钮不会正确消失。这是第2页中的代码： <ion-footer padding> <button ion-button block round color="primary">Add to Order</button> </ion-footer> 我在 github 上发现了完全相同的问题，建议添加标签ion-toolbar 但这对我不起作用：背面的离子页脚应该在 willLeave 上消失，而不是 didLeave 导航转换期间页脚可见 ion-footer-bar 和 ion-header-bar 的导航动画如有任何评论/答案，我们将不胜感激！创建一个新类，例如 .app-footer，其 CSS 属性与 ion-footer 相同，并将 HTML 放在 ion-content 中，如下所示： HTML <ion-content> <page code> <div class="app-footer">...</div> </ion-content> SCSS .app-footer { left: 0; bottom: 0; position: absolute; z-index: 10; display: block; width: 100%; } 最后，我让它工作，用填充将按钮包裹在 div 标签中解决了我的问题： <ion-footer> <div padding> <button ion-button block round color="primary" [disabled]="items.length === 0" (click)="onContinueClick()"> Continue </button> </div> </ion-footer> 如果有人在新版本中仍然遇到此问题。我刚刚覆盖了 ion-footer 的属性，它起作用了。在@Alex Steinberg解决方案的帮助下解决了这个问题，但修改了他的方法。 ion-footer { left: 0; bottom: 0; position: absolute; } 在 ionic 版本 6 上我遇到了同样的问题，对于那些面临同样问题的人来说，对我有用的解决方案是将 ion-footer 的内容包含在 ion-content 中代码示例： <ion-footer> <ion-content> Your footer content </ion-content> </ion-footer> 就我而言，我还必须设置离子页脚的高度，例如： ion-footer{ height: 6rem; }

ionic-framework ionic3 css-transitions

回答 4 投票 0

如果所选记录位于 Angular 数据表的第二页，我们可以默认导航到该页面吗？

我有一个显示组织列表的角度数据表。每页最多显示 5 个组织。不过默认选择的组织索引是7，也就是说是2号

angular ionic-framework angular-datatables

回答 1 投票 0

ion-searchbar 与 FormGroup 仅在插入的值为 minLength (3) 时进行搜索

我正在尝试制作一个在插入的值大于或等于3之前不进行搜索的但我尝试的方法不起作用 :( 主页.html 我正在尝试制作一个在插入的值大于或等于 3 之前不进行搜索的但是我尝试的方法没有成功 :( 首页.page.html <form [formGroup]="search"> <ion-searchbar formControlName="ionSearch" [debounce]="500" (ionInput)="handleInput($event)" placeholder="Search product"></ion-searchbar> </form> 首页.page.ts ngOnInit() { this.makeForm(); } makeForm() { this.search = new FormGroup({ ionSearch: new FormControl("", Validators.minLength(3)) }); } 你的意思是这样吗？我只是检查长度是否大于或等于三并执行过滤！ handleInput(event) { const query = event.target.value.toLowerCase(); if (query.length >= 3) { this.results = this.data.filter( (d) => d.toLowerCase().indexOf(query) > -1 ); } else { this.results = this.data; } } Stackblitz 演示

html angular typescript ionic-framework formgroups

回答 1 投票 0

如何使用 Ionic、Capacitor 和 Angular 在应用程序关闭后在后台跟踪用户的位置？

我正在尝试使用 Ionic、Capacitor 和 Angular 开发移动应用程序。我想实现一项功能，即使在应用程序关闭后，我也可以在后台跟踪用户的位置。我有

angular ionic-framework mapbox capacitor

回答 2 投票 0

Angular / Ionic 搜索栏 - 需要增加文本空间

我目前正在努力增强 Ionic 应用程序中的搜索功能，并且在搜索栏输入字段中的字符可见性方面遇到了挑战。德...

angular ionic-framework frontend

回答 1 投票 0

Ionic Vue 中的后台任务

我有一个来自应用程序安装期间创建的本地 sqlite 数据库的激励消息列表。我需要在用户屏幕的任何位置一次显示一条消息。看来我...

ionic-framework capacitor ionic-vue

回答 1 投票 0

Facebook 登录使用电容器-commuty/facebook-login 返回“未定义”

我当前的环境是： "@ionic/Angular": "^8.0.0-rc.2", "@capacitor/app": "^6.0.0", "@capacitor/core": "^6.0.0", “@

facebook ionic-framework facebook-login capacitor capacitor-plugin

回答 1 投票 0

如何设置 Ionic 组件的默认属性

我想设置 Ionic 组件的默认属性（与 Angular 11 一起使用）。示例：我不想重复所有标签的位置，并希望为 wh 强制执行有意义的默认值...

angular ionic-framework

回答 1 投票 0

Ionic：无法追加UserAgent

我有一个带有离子+电容器的android/ios应用程序。电容器版本为v5。我想将自定义字符串附加到用户代理，但没有任何效果。这是我的配置文件： /// 我有一个带有离子+电容器的android/ios应用程序。电容器版本为v5。我想将自定义字符串附加到用户代理，但没有任何效果。这是我的配置文件： /// <reference types="@capacitor/push-notifications" /> /// <reference types="@capacitor/splash-screen" /> import { CapacitorConfig } from '@capacitor/cli'; const config: CapacitorConfig = { appId: 'io.icoders.jobinfo', appName: 'Jobinfo', webDir: 'dist', plugins: { SplashScreen: { launchShowDuration: 5000, launchAutoHide: true, backgroundColor: '#ffffffff', androidSplashResourceName: 'splash', androidScaleType: 'CENTER_CROP', showSpinner: true, androidSpinnerStyle: 'large', iosSpinnerStyle: 'small', spinnerColor: '#999999', splashFullScreen: true, splashImmersive: false, layoutName: 'launch_screen', useDialog: false } }, appendUserAgent: 'JobinfoApp', overrideUserAgent: 'JobinfoApp', android: { appendUserAgent: 'JobinfoApp', overrideUserAgent: 'JobinfoApp', }, ios: { appendUserAgent: 'JobinfoApp', overrideUserAgent: 'JobinfoApp', } }; export default config; 我已经在ios和android标签中尝试了“appendUserAgent”配置，也在主体中尝试过，不起作用，useragent恢复了原来的状态。有什么问题吗？这是一个对我有用的解决方案，但请记住，您只能从模拟器中测试它，在浏览器上使用 Chrome 通过使用“chrome://inspect”来测试它 import { CapacitorConfig } from '@capacitor/cli'; appendUserAgent: 'appId=app.jobinfo',

ionic-framework user-agent capacitor

回答 1 投票 0

黑屏 - Angular JIT 编译失败：“@angular/compiler”未加载

我目前无法让我的 Ionic 5 和 Angular 9 项目正常工作。 ionic cordova run android 效果很好但一旦我运行 ionic cordova run android --prod 我得到的唯一东西......

angular cordova ionic-framework

回答 1 投票 0

错误：@capacitor-community/native-audio - 资产路径丢失 [IONIC 5]

当我想在 IONIC 5 应用程序上预加载声音时遇到问题。在我的 xcode 中显示以下错误： {“message”：“资产路径丢失-forward.mp3”，“errorMes...

ionic-framework plugins capacitor ionic5 capacitor-plugin

回答 2 投票 0

Ionic 3 文件权限

我不愿意让OpenAi从我的内容中获利。所以，我删除这个问题。我确信这不会有任何结果，但无论如何我这样做是为了抗议。