问题标签 [ionic5]

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 回答
197 浏览

javascript - ivy 支持 AOT + JIT 吗?

我需要在我的角度项目中在运行时创建编译模板。

让我解释一下场景,

我从我的数据库中获取模板,类似于

在我的组件中,我得到这些数据并在 div 上执行 innerHTML,如下所示;

但插值不起作用。

我已经用 ngx-dynamic ( https://www.npmjs.com/package/ngx-dynamic ) 克服了这个问题。但是通过使用它,我无法进行 AoT 编译。

我想通过 AoT 编译的 Angular 应用程序来实现这一点,它与 jit 一起工作。

常春藤可以吗?请指教该怎么做。

0 投票
0 回答
272 浏览

angular - Ionic 5 angular firebase 显示存储中的 pdf

我在显示我在 firebase 存储中托管的 pdf 时遇到问题,问题是在我的函数中

我指的是一个 url,这对我有用,但我需要将该 url 与一个 id 号相关联,以便它只为我带来我需要的 pdf。这是我的代码 en el html

但是我需要我需要带入url的id,在这种情况下是14766,但是我有其他的,我想根据那些id带上它。谢谢!!

0 投票
1 回答
1661 浏览

angular - Angular 9 中的 Jasmine 测试 - 依赖注入错误

我最近决定将我的 ionic 项目从 4 更新到 5,并想在我这样做的时候我会从 Angular 8 更新到 9。

一切顺利,应用程序按预期工作,直到我尝试运行我的单元测试。我被这个错误轰炸了,我不知道为什么。我怀疑它与路由器有关,但我什至无法确认。

有什么想法或其他人遇到过这个吗?

编辑

这是失败的测试之一的样子

非常基本,甚至没有真正测试任何东西

编辑 2

这是组件代码,什么都不做

0 投票
2 回答
275 浏览

javascript - *ngIf 用于异步服务功能

我从 IONIC+Javascript+Async 函数开始,并且遇到了我遇到的情况。

我有一个“索引”页面,它将从服务加载数据并使用 ngFor 显示它。如果没有数据,我想显示一个离子行,说没有找到媒体。只有当服务中没有数据时才会显示。

这是我的 home.page.ts 的相关部分

这是我在 home.page.html 中的相关代码

在 media.service.ts 内部

发生的情况是,由于 mediaSvc.getMedia 是异步的,在我测试是否加载时,它仍然是正确的。我需要它是假的(不再加载,我在我的 getMedia 上将它设置为假)。

加载数据后,我得到的结果总是显示“未找到媒体”。

我的控制台日志有这个结果。

我该如何处理?我的意思是,如果它是异步的,我如何测试这些条件的真/假?此外,对于这种情况还有另一种方法吗?

我从这个堆栈开始,所以我可能会遗漏一些简单的东西。

0 投票
3 回答
5381 浏览

reactjs - React Ionic (v5):IonReactRouter 和 IonRouterOutlet 未按预期工作

我对 React 和 Ionic 还很陌生。我试图完成的是创建一个“受保护的路线”。我创建了一个简单的上下文,称为AuthContext

和 FunctionalComponent 称为ProtectedRoute

在我的主要应用程序组件中,我将IonReactRouter内部包装AuthContext.Provider如下:

我遇到的问题是,上述方法适用于常规路线和第一个 ProtectedRoute,但/search/不起作用。浏览器 url 中的 uri 路径更改为,/search但虚拟组件未呈现。

我注意到如果你交换<IonReactRouter>&<IonRouterOutlet>像这样:

所有路线都有效,但您失去了IonRouterOutlet. Ionics 网站上的导航文档有IonReactRouter包装IonRouterOutlet,所以我假设这是正确的实现。

如果我将ProtectedRoute's 更改为仅标准反应,则Route所有路线都可以正常使用动画。所以问题必须与我的ProtectedRoute组件实现有关,我只是想不通。非常感激任何的帮助。谢谢!

更新:

我仍然没有找到解决这个问题的方法,所以我删除了 IonRouterOutlet 这似乎是根本原因。这样做时,一切都按预期工作。我在 Ionic 论坛上发布了这个问题,所以当/如果我得到答案时,我会在这里发布。

谢谢,

0 投票
0 回答
381 浏览

angular - Ionic 5 - 离子内容中的异步

我在返回 Observable 的 Ionic 5 应用程序的服务中使用了一个简单的 http get 请求。当我在模板中使用带有 ion-content 内的异步管道的 Observable 时,ChangeDetection 无法处理 Observable 的数据更新:

如果我在 ion-content 之外使用异步管道

ChangeDetection 工作正常。

有什么(配置?)我失踪了吗?

0 投票
1 回答
185 浏览

asynchronous - Async data to child page with Ionic5

I'm trying to pass data between a parent and a child page in ionic using Ionic Storage to get the data in an async way.

What is happening is that when I get to the page, the data didn't return from the storage yet and I have an undefined error: ERROR TypeError: Cannot read property 'name' of undefined.

What I am using:

  • A parent page that I click in an item in the grid and it forwards me to the child page, using router.navigate
  • The child route is listed in the app-routing.module.ts receiving the id
  • I grab the mediaId in the child's constructor page and use a service to get the data from ionic storage.
  • Here is the service code returning a promise
  • Here is the simple html giving the problem

Yes, the data is returned using the service, I console.log it right after the .then and the data is there, so I'm assuming that it's just a classic async situation.

I saw I can introduce a loading component, make it show up for 1 second or a bit more and then the data will be there but is that the better/official way to do it?

I'm at the beginning of my journey with ionic/async so forgive me if I made some silly mistake

0 投票
1 回答
106 浏览

angular - 离子菜单链接只能使用一次

我正在使用离子角度开发一个移动应用程序。我的屏幕底部有一个三个标签栏(路由工作正常)。在其中一个选项卡上,我有一个菜单,用于导航到该选项卡中的其他页面。但是,当使用菜单时,它似乎只工作一次?如果我刷新或移动到另一个选项卡并返回它只工作一次。我知道这是 angluar 4 中的一个错误,所以我一直npm i -g ionic/angular希望能解决这个问题。跑步ionic -info我得到

所以这个问题肯定应该解决吗?我现在认为这是我的路由错误

/app-routing-module.ts

这是我的应用程序路由模块,它默认加载我的标签页

我的标签页有一系列子页面,它们都可以正常加载

./tabs-路由模块

我的菜单页面默认加载主模块

./homemenu-路由模块

我的菜单链接显示在我的 homemenu-page.ts

./ homemenu-page.ts

我已经按照路由完成了,看起来它应该可以正常工作吗?我错过了什么?请注意,此问题适用于任何链接。如果我在菜单中加载任何链接,它将工作一次,直到我尝试再次导航并且它不会将我路由到新页面,菜单将消失但没有新页面或新 URL

更新:我已卸载 Ionic 并重新安装,但没有结果

如果我右键单击菜单并在新选项卡中打开一切正常吗?如果我的路由看起来不错,请告诉我,我将从帖子中删除该代码!

如果这有帮助,这里是 homemenu.page.ts

0 投票
2 回答
1076 浏览

javascript - 如何使用浏览器插件隐藏 Ionic 5 Capacitor 中的 URL 栏?

检查新的 Ionic Capacitor Docs,目前似乎没有隐藏浏览器插件(以前是 InAppBrowser)的 url 栏的选项。请需要帮助。

0 投票
2 回答
5342 浏览

android - 被 ionic-5 angular 中的 CORS 策略阻止

我正面临这个错误,有人可以指导我吗?我已经在 proxy.conf.json 中进行了配置我已经在 user.service.ts 中设置了带有基本 url 的标头