问题标签 [ionic6]

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.

0 投票
0 回答
11 浏览

cordova - 离子使用反应形式会导致显示问题?

在 Ionic 中使用反应形式时我会遇到任何问题吗?

  1. 我正在使用 [(ngModel)] 担心反应形式会导致诸如 <ion-input [(ngModel)]="value"></ion-input>
  2. 我对反应形式非常满意我会遇到任何问题吗

3.是否有人在生产中使用过反应形式?如果您写了,您是否发现与 Angular 有任何不同的行为?如果你没有找到任何请张贴工作正常

0 投票
1 回答
25 浏览

firebase - 如何使用适用于 iOS 的 AngularFire7 在 Ionic/Angular 中编写 AuthGuard?

我的 Ionic/angular 应用程序遇到了一个奇怪的问题。我在用着

  • “@angular/core”:“~13.2.2”
  • “@capacitor/core”:“3.4.0”
  • “@capacitor/ios”:“3.4.0”
  • “@angular/fire”:“^7.2.0”
  • “火力基地”:“^9.6.6”,

它在 web 版本和 Android 上运行良好,但是当我编译到 iOS 时,我只得到一个空白屏幕。我已将问题缩小到 auth-guard

我试过使用

  • @angular/fire/compat/authguard - 空白屏幕
  • 不使用任何警卫 - 工作正常
  • 写我自己的守卫并总是返回真实 - 工作正常
  • 写我自己的守卫,下面的代码 - 空白屏幕

以下是 app-routing.module.ts:

和 auth.guard.ts

知道可能导致此问题的原因是什么吗?

0 投票
1 回答
78 浏览

android - 离子帽添加android npm ERR

ionic cap add androidhttps://ionicframework.com/docs/angular/your-first-app/deploying-mobile运行后出现 npm ERR!

0 投票
0 回答
27 浏览

angular - 滚动浏览另一个嵌入式组件的离子列表时,离子刷新器微调器出现得太早

我在组件嵌入页面上实现了离子刷新器,如下所示。

[主页.page.html]

[主页.page.ts]

[事件列表.component.html]

[事件列表.component.ts]

我的离子信息是

只需将列表向上滚动一点即可调出离子清新剂微调器。理想的行为是滚动到顶部然后查看微调器。你如何获得理想的行为?

0 投票
0 回答
9 浏览

typescript - 离子:从本地 json 读取的数据在实验室中有效,但在我的手机上无效

我正在编写应用程序,该应用程序应该从本地 json 文件中读取 50 多条记录,并向用户显示divngIf.

为了实现它,我正在使用data-pull service

该服务用于我的search page

这是html此页面:

这是此页面在我的浏览器中的外观:

在此处输入图像描述

还有我的手机屏幕:

电话

还有我得到的所有输出DevTools

{message: 'MalformedURLException'}

0 投票
1 回答
27 浏览

angular - ionic 6:模态控制器不滚动

我有一个离子模态控制器,它在单击按钮时显示。对我来说,如果模态组件中的 ion-item 具有来自对象数组的详细信息,则模态不会滚动。我看不到最初没有显示在屏幕上的列表的其余部分。

模态控制器

笼子.component.html

笼子组件.ts

截屏

0 投票
1 回答
25 浏览

angular - 如何检查和重写 Typescript 字符串中的所有 URL - Angular

我在 Angular 13 上使用 Ionic 6,并且我有一个 json 字符串,其中包含带有 html 代码的全文。我需要检查该字符串中的anchor标签和imgurl,并在需要时重写 url 域名。

例如,我想要这个fulltext:string变量:

成为:

据我目前了解,我认为我需要执行以下操作:

  1. anchor扫描所有标签和标签的变量字符串img

  2. 查看这些 url 中是否已经包含域名。

  3. 如果没有,请在这些 url 前添加域名前缀。

我尝试在 Typescript 中创建一个函数(或者可能更好地为此创建一个管道),但我无法完成这项工作。我遇到的第一个障碍是,当我尝试使用querySelectorAllor获取标签时getElementById,它不适用于字符串。我也尝试HTMLElement按照这里的一些建议声明它,但我无法继续。

你能帮我看看如何在 Angular Typescript 中做到这一点吗?

0 投票
0 回答
17 浏览

javascript - IonInput 使用 React Hook Form 出错

尝试在 Ionic React 项目中使用 IonInput。

完整代码:

IonInput会得到这个错误:

类型'{ onChange:ChangeHandler; onBlur:更改处理程序;参考:RefCallBack;名称:字符串;min?: 字符串 | 号码 | 不明确的; 最大?:字符串 | 号码 | 不明确的; ... 7 更多 ...; 输入模式?:未定义;} | { ...; }' 不可分配给类型 'IntrinsicAttributes & IonInput & Pick<HTMLAttributes, "onBlur" | "onChange" | ... 250 更多 ... | "onTransitionEndCapture"> & StyleReactProps & RefAttributes<...>'。类型'{ onChange:ChangeHandler; onBlur:更改处理程序;参考:RefCallBack;名称:字符串;min?: 字符串 | 号码 | 不明确的; 最大?:字符串 | 号码 | 不明确的; ... 7 更多 ...; 输入模式?:未定义;}' 不可分配给类型 'IonInput'。属性“max”的类型不兼容。键入'字符串 | 号码 | 不明确的' 不能分配给类型 'string | 不明确的'。类型 'number' 不可分配给类型 'string | 不明确的'。

我的依赖:

  • @ionic/react": "^6.0.0"
  • 反应钩形”:“^7.27.0”

我通过互联网做了一些研究,但没有得到解决。有人可以帮忙吗?此外,还有其他适合离子项目的表单框架吗?谢谢!!

0 投票
0 回答
18 浏览

vue.js - Ionic Vue - 如何对现有项目进行 sass

我正在将 Ionic 6 与 Vue 一起使用,我正在尝试将 Sass 添加到我尝试过的项目中

但它不工作

0 投票
0 回答
77 浏览

angular - 执行失败的电容器-cordova-android-plugins:Ionic 6中的compileDebugJavaWithJavac

我正在使用 Cordova 插件在电容器离子项目中使用 fileOpener。在此之前,当我安装以下软件包时,一切正常:

这是我面临的错误:

包.json:

Java版本:

毕业版本:

我已经尝试了互联网上的所有内容。也许我错过了什么。请帮我解决这个问题。谢谢