问题标签 [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.
javascript - ivy 支持 AOT + JIT 吗?
我需要在我的角度项目中在运行时创建编译模板。
让我解释一下场景,
我从我的数据库中获取模板,类似于
在我的组件中,我得到这些数据并在 div 上执行 innerHTML,如下所示;
但插值不起作用。
我已经用 ngx-dynamic ( https://www.npmjs.com/package/ngx-dynamic ) 克服了这个问题。但是通过使用它,我无法进行 AoT 编译。
我想通过 AoT 编译的 Angular 应用程序来实现这一点,它与 jit 一起工作。
常春藤可以吗?请指教该怎么做。
angular - Ionic 5 angular firebase 显示存储中的 pdf
我在显示我在 firebase 存储中托管的 pdf 时遇到问题,问题是在我的函数中
我指的是一个 url,这对我有用,但我需要将该 url 与一个 id 号相关联,以便它只为我带来我需要的 pdf。这是我的代码 en el html
但是我需要我需要带入url的id,在这种情况下是14766,但是我有其他的,我想根据那些id带上它。谢谢!!
angular - Angular 9 中的 Jasmine 测试 - 依赖注入错误
我最近决定将我的 ionic 项目从 4 更新到 5,并想在我这样做的时候我会从 Angular 8 更新到 9。
一切顺利,应用程序按预期工作,直到我尝试运行我的单元测试。我被这个错误轰炸了,我不知道为什么。我怀疑它与路由器有关,但我什至无法确认。
有什么想法或其他人遇到过这个吗?
编辑
这是失败的测试之一的样子
非常基本,甚至没有真正测试任何东西
编辑 2
这是组件代码,什么都不做
javascript - *ngIf 用于异步服务功能
我从 IONIC+Javascript+Async 函数开始,并且遇到了我遇到的情况。
我有一个“索引”页面,它将从服务加载数据并使用 ngFor 显示它。如果没有数据,我想显示一个离子行,说没有找到媒体。只有当服务中没有数据时才会显示。
这是我的 home.page.ts 的相关部分
这是我在 home.page.html 中的相关代码
在 media.service.ts 内部
发生的情况是,由于 mediaSvc.getMedia 是异步的,在我测试是否加载时,它仍然是正确的。我需要它是假的(不再加载,我在我的 getMedia 上将它设置为假)。
加载数据后,我得到的结果总是显示“未找到媒体”。
我的控制台日志有这个结果。
我该如何处理?我的意思是,如果它是异步的,我如何测试这些条件的真/假?此外,对于这种情况还有另一种方法吗?
我从这个堆栈开始,所以我可能会遗漏一些简单的东西。
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 论坛上发布了这个问题,所以当/如果我得到答案时,我会在这里发布。
谢谢,
angular - Ionic 5 - 离子内容中的异步
我在返回 Observable 的 Ionic 5 应用程序的服务中使用了一个简单的 http get 请求。当我在模板中使用带有 ion-content 内的异步管道的 Observable 时,ChangeDetection 无法处理 Observable 的数据更新:
如果我在 ion-content 之外使用异步管道
ChangeDetection 工作正常。
有什么(配置?)我失踪了吗?
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
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
javascript - 如何使用浏览器插件隐藏 Ionic 5 Capacitor 中的 URL 栏?
检查新的 Ionic Capacitor Docs,目前似乎没有隐藏浏览器插件(以前是 InAppBrowser)的 url 栏的选项。请需要帮助。
android - 被 ionic-5 angular 中的 CORS 策略阻止
我正面临这个错误,有人可以指导我吗?我已经在 proxy.conf.json 中进行了配置我已经在 user.service.ts 中设置了带有基本 url 的标头