Questions tagged [ionic-framework]
Ionic is a front-end framework for developing native-feeling hybrid mobile apps with HTML and Sass. Traditionally, it runs on top of Cordova and Angular, but since Ionic 4 it supports Angular, React, Vue.js and Web Components running on top of Cordova or Capacitor.
48,828
questions
0
votes
0
answers
7
views
Ionic app for Android fails after sign-in redirect with url scheme error
I'm developing an Ionic/Cordova/Angular app in Visual Studio Code targeted for Android API 30. Its MSAL sign-in process has a redirect URI that is set up in Azure, let's say it's myapp://callback. ...
0
votes
2
answers
15
views
Ionic 6 - Viewchild null in dynamic component loader
I´m developing an Ionic application that will have a form with controls created dinamically from JSON data.
load-child.directive.ts:
import { Directive, ViewContainerRef } from '@angular/core';
@...
0
votes
1
answer
16
views
Angular AWS Amplify Graphql Query Not Returning Expected Data Using API Service
I am having a hard time trying to query the data I need using AWS Amplify Graphql API.
I have managed to write a test query in the AWS AppSync Console, but I do not know how to replicate this in code ...
0
votes
2
answers
28
views
Call with a button a saved number in another page( IONIC, Angular)
Hi I want to call a number which is saved in another page.
I don't know how to explain this well but I put some captures, and the code that I'm trying to use, I just only want to catch the value of ...
1
vote
0
answers
7
views
How to send push notification on mobile app with capacitorJS without third party like firebase or onesignal
I have an app in which I'm using sveltekit with static adapter to build a mobile application using CapacitorJS,
I would like to send push notifications from the server to the client app but I don't ...
0
votes
0
answers
14
views
How to use nested ion-router-outlet in ionic6 vue?
I have the following router setup:
{
name: "settings",
path: "/settings",
component: () => import("@/views/SettingsPage.vue"),
children: [
{
path: 'profile',
...
-1
votes
0
answers
10
views
Migrating to Capacitor fails with error "Updating iOS native dependencies with pod install - failed!"
I just migrate a Web App Using Cordova to Capacitor.
I followed the tutorial in this website https://capacitorjs.com/docs/cordova/migrating-from-cordova-to-capacitor
But when I ran the following ...
0
votes
0
answers
12
views
Using Mobile Ads SDK with IONIC
I'm making an hibrid App using Ionic, Angular and Capacitor.
I need to use the Google Mobile Ads SDK to show banners. I try with the AdMob plugin for capacitor, but it lacks of Native Ads, that are ...
0
votes
0
answers
12
views
Angular XHR Fetch Issue with Auth Server cannot login
Setup:
Ionic (v5) with Angular (v112) Project Oauth2 lib
https://github.com/damienbod/angular-auth-oidc-client (v13)
Auth-Server (PKCE Flow)
Chrome (101)
Problem:
For reasons not yet identified, the ...
0
votes
0
answers
5
views
NG0303: Can't bind to 'trigger' since it isn't a known property of 'ion-popover'
i am new to ionic/angular I tried to add popover in my ionic html its working on my sample project but its not working on real project what did I do wrong ?
-1
votes
1
answer
21
views
how to show a loading Indicator if i have a user location error ionic
can anybody help me? I don't know how to show a loading Indicator if i have a user location error, and then when I obtain again the location not show the loading indicator.
Here is my code:
async ...
0
votes
0
answers
50
views
Send thousands of records almost instantaneously to the API [closed]
I use this code to send thousands of records to API from the Ionic/Angular native mobile app. I use .NET 6/EF core as a backend API.
But it is a one-time data transfer from the old SQLite db to the ...
0
votes
0
answers
9
views
I am having an error launching a successfully built ionic apk file
I just built my ionic app successfully. However, in trying to launch the app, it just shows a long string of random characters. I'm new to this kind of error. The attached screenshot is what I keep ...
0
votes
0
answers
14
views
Saving image to public folder [REACT / IONIC / NodeJS]
I don't find any answer to my question, which is odd in React, so maybe I'm dumb.
Ok, this is my problem:
I have a ionic server which handle everything front end. At the same time I have my database (...
-1
votes
0
answers
11
views
How to change custom message in alert box
How to change custom message in alert box by using hostlistner when page refreshing in angular
-2
votes
0
answers
24
views
Looking for a web component that implements a numeric input, but don't know what to Google [closed]
Normally I am pretty good at Googling but I'm stumped on this one. Mainly because I don't know what such a component would be called. I am building a mobile-friendly app and I want an in-line numeric/...
0
votes
1
answer
13
views
How can I change the font in my ionic app?
I want to change the font, but I can't do it on Chrome or Samsung A50, Android XI device. I will appreciate any help you can guide me, thanks!
Ionic CLI: 6.19.0
Ionic Framework: @ionic/angular 6.0.4
...
0
votes
1
answer
39
views
Bind function on click event inside template literal javascript / angular
How can i bind function onclick / (click) inside template literal.
For Example:
for (let i = 0; i < locations.length; i++) {
let customHtml = `
<div class="flex">
...
0
votes
0
answers
37
views
TypeError: Cannot read properties of undefined (reading 'nativeElement') on mat-datepicker
I cant find the issue here. The error only happens when putting a mat-datepicker in the same ion-card as the chart. Once I comment it, chart runs like normal.
Also tried other datepickers with the ...
-1
votes
0
answers
18
views
IOS stringByEvaluatingJavaScriptFromString alternative for SpringBoot or Ionic/Angular
With my team, we are deploying an application
- Frontend: Ionic 6 with Angular v.13
- Backend: SpringBoot v.2.5.5
We need to find a way to display in an email sent by Outlook
all the styles and ...
2
votes
1
answer
22
views
Get parameters passed by url in ionic 5
I have passed parameters in URL to my ionic application
http://localhost:8100/welcompage/overview?brand=bmw
I am using ActivatedRoute to retreive the data passed as parameters in the URL
...
0
votes
0
answers
17
views
Ionic 6 - Only half the header showing
I am using Ionic 6 / Angular and have this html in a component:
<ion-header [translucent]="true">
<ion-toolbar>
<ion-title>
Tab 1
</ion-title>
</...
1
vote
1
answer
14
views
Installation for @ionic-native/camera
Am getting error while Installation for @ionic-native/camera
Error is
A package version that is forbidden by your security policy
It was specified as a dependency
0
votes
1
answer
23
views
How to download Highchart PDFs in Mobile Apps?
I am using the Ionic version - 5.4.16 and am required to download PDF/Images files from HighCharts Options. On the browser, while development, it's working.
But in Ionic Build, it isn't.
I tried to ...
0
votes
0
answers
12
views
Apex charts not showing unless turning device to landscape landscape - Ionic Angular
I have a Ionic Angular application and have just installed apex charts. However the chart does not display unless I turn the device to landscape first after which it will continue showing. Also the ...
0
votes
0
answers
23
views
Cannot read properties of undefined (reading 'transition') - Swiper & VueJS & Ionic
I can't use the Swiper slideNext function in VueJS with Ionic.
I tried the demo codes from the official Swiper website, without success...
Here is my code:
<template>
<ion-page>
...
...
0
votes
1
answer
25
views
How can I upgrade Node JS to v14.x with Ionic 3?
According to errors I faced with this TS/Node project (for a simple TypeScript only REST API) the suggested fix (mentioned here (https://github.com/heineiuo/rippledb/issues/148)) is that I needed ...
1
vote
1
answer
67
views
Why do Ionic Lifecycle hooks (ionViewWillEnter, ionViewWillLeave) not fire when used as HTML Selector?
I am working on an Angular Project, with Ionic 4.
When Child Page is called from Parent Page's HTML using HTML Selector, child page's Ionic Lifecycle Hooks do not fire.
Why is it so? How do I use ...
0
votes
0
answers
21
views
'apiCC.myWebRTC_Adapter.getUserMedia is not a function' apiRTC audio call working on browser but not on android with angular ionic capacitor
I'm using "@angular/core": "~12.1.1", "@ionic/angular": "^6.1.4", and "@apirtc/apirtc": "^4.7.2".
I'm implementing an audio call following ...
0
votes
1
answer
58
views
ERESOLVE Error when installing Angular Material
I'm currently creating a project with Angular 13, the Ionic CLI, and Angular Material. I have no problem adding @angular/material when I don't use Ionic, but using Ionic I get the following error:
npm ...
0
votes
0
answers
13
views
sqllite offline in ionic 4
I am facing issue in ionic 4 . Induction variable gives undefined but there is data when i run sql query ..Help me Please
following is my code
try {
let induction= await this.sql....
-1
votes
2
answers
32
views
Access JSON like object properties
I have a return object like so:
Can you tell me how to access its properties?
I have tried many ways with Lodash too. But no luck yet.
Failure attempts:
t.config['type']
pick(t.config, 'type')
0
votes
0
answers
11
views
TS2305: Module '"typeorm"' has no exported member 'Column' with Ionic v6 and angular 12
I recently update Ionic v5 to v6 and angular v10 to v12
then this typeorm error is shown when I run the ionic build command
ERROR in src/app/entities/ttAgrupacion.ts:1:9 - error TS2305: Module '"...
0
votes
0
answers
12
views
Ionic 6 - localization of Google Maps API
I am using Angular 13 and Ionic 6 to add Google Maps API V3. Here is a simple example provided by Google to add the map using TypeScript.
When using Ionic, I am supposed to add the following in the ...
0
votes
1
answer
36
views
How to send a ngfor object variable to a function
I have a *ngFor list for my categories and inside to list i wanna show subcategories list. subcategory data coming from firebase so i querying it with category_id. My problem is i dont know how to ...
0
votes
0
answers
25
views
How to access to env(safe-area-inset-top) variable in SASS (Ionic + Vue) [closed]
$safe-area: env(safe-area-inset-top);
how I can get this value from Ionic? The problem is that the env() variable exists on the web, but it doesn't exist before the application is built
0
votes
0
answers
14
views
How do I close an Ionic app that utilizes an iFrame to display a website on Android
I am making an ionic app that uses an iframe to open a website on Android 11.
To navigate utilizing the back button on the phone, I'm using the following code (this is executed when the app's homepage ...
0
votes
0
answers
19
views
@capacitor-community/http post request with empty response
I am developing ionic application and using @capacitor-community/http plugin for API call.
When I call POST request which returns some response, it's working perfect.
But when I call POST request ...
0
votes
0
answers
14
views
Ionic accordion does not re render inside a modal component
I have a page from which I can open a modal component like so:
async detailedModal(dataUUID: any, dataObj) {
if (dataUUID) {
const modal = await this.modelController.create({
...
-1
votes
0
answers
21
views
Apple App store Reject App Submission with Deprecated API Usage error apps that use UIWebView are no longer accepted. Instead, use WKWebView
Apple Reject by distribution submission width ITMS-90809: Deprecated API Usage - New apps that use UIWebView are no longer accepted. Instead, use WKWebView
Specification:
ionic 4 width capacitor 3
I ...
0
votes
1
answer
14
views
Simulate platform for Cordova plugin in production
I'm trying to use a Cordova plugin without using the native parts, only the browser implementation. In my case cordova-plugin-googlemaps. Is it possible to tell a plugin to use browser mode only?
If ...
0
votes
0
answers
14
views
Scroll bar is getting shortened automatically in ionic framework
while i am writing this code "{{weatherinfo.name},{{weatherinfo.sys.country}},{{weatherinfo.coord.lan}},{{weatherinfo.coord.lon}}" scroll bar shrinking automatically.
i'm tired to solve this ...
0
votes
1
answer
16
views
Angular double curly braces expressions being executed multiple times on mouse down and up
In our Angular app, given code like the following:
<div>{{ aGetProperty }}</div>
<div>{{ aMethod() }}</div>
Whenever I click anywhere on the page, these expressions are ...
0
votes
2
answers
24
views
Avoid changing the background of Status Bar on iOS in Ionic
I'm doing a mobile app using Ionic 6.1.4 and Capacitor 3.5.1.
Android, looks good by default, black background and white icons on any screen.
iOS, always has whatever the background color I have in ...
0
votes
0
answers
14
views
Xcode build failure "Undefined symbols for architecture x86_64" Ionic3 - IOS
Build Apllication ionic 3 IOS
I have to this mistake:
Undefined symbols for architecture x86_64:
"_OBJC_CLASS_$_BranchUniversalObject", referenced from:
objc-class-ref in BranchSDK.o
...
0
votes
0
answers
28
views
Push notifications not work in IOS IONIC 4 cordova
I’m using Ionic 4 and ANGULAR version 9 trying to send notification in IOS using Cordova.
I did all the requirements to push IOS notification and it was working fine before that but I’m not sure what ...
0
votes
0
answers
19
views
Ionic 6 Loading Controller Present is not a Function Error
I recently updated my ionic 4 to ionic 6. And all of sudden my loading is not working anymore, the console throws a "loading.present is not a function" error. Here's my personal loading, I'm ...
0
votes
1
answer
22
views
What's the best architecture to make a CHAT with Spring+Ionic(Angular)+Firebase? [closed]
I'm developing an app (Ionic) with a chat-component in Angular. The backend part I made is with Spring boot. I want to use Firebase realtime database to have more performance, and to don't have a ...
0
votes
0
answers
12
views
Can't stop click propagation on ionic react accordion
I'm working on an Ionic React application and I can't get to stop click propagation in accordion headers. When I click on my information button, the accordion expands no matter what I try.
Here is a ...
0
votes
0
answers
7
views
AWS Amplify returns generic Network Error for only on some android devices
I am using aws amplify to call apis, problem is for some android devices I am getting 'network error at create error' and the app is running somoothly on other devices.
I do not get any log in logs of ...