Questions tagged [ionic4]
Ionic 4 is the newer version of Ionic, the open source SDK that enables developers to build performant, high-quality mobile apps using familiar web technologies (HTML, CSS, and JavaScript). Ionic 4 can be paired with Angular, React and Vue.
5,633
questions
0
votes
0
answers
18
views
Angular post request got sent twice when return 404
I am sending a post request using Angular with Promise.
When the post request returns 200, Everything is awesome.
The issue is when the request returns 404, The API got sent another time.
This is the ...
0
votes
1
answer
21
views
Change cursor to pointer on ion-input
Is there a way to apply cursor: pointer; to an ion-input element? It seems like no matter what I do, it's showing the default i-beam cursor.
My input:
<ion-input [readonly]="true" [...
0
votes
0
answers
20
views
How to to get an unique identifier of the iPhone (IONIC + CORDOVA + Angular)?
Would like to get the iPhone Unique Identifier (notification token) required for apple push notification.
Application is developed using ionic-4 + cordova + angular-11.
0
votes
1
answer
22
views
opacity ion-bullet, ion-slides
my ion-slides has in scss:
ion-slides {
--bullet-background-active: rgb(4, 100, 52);
--bullet-background: rgb(255, 0, 0);
}
the question is: how can I change the default opacity of the non-...
-1
votes
1
answer
29
views
How can i get api response without refreshing the current page
I am using the below API to get current chats from my database , the thing is the api works well, but issue is i have to refresh my page each time to see new chats, so i dont want that, any ...
0
votes
0
answers
15
views
Ionic moodle app generated custome service
I'm having some issues trying to make a singleton service
I tried to generate custom moodle app web service but in app inviroment there is no angular cli.
How i can add acustom ionic moodle app ...
0
votes
1
answer
31
views
An error occurred while running subprocess cordova just because of version problem
Checking Java JDK and Android SDK versions
ANDROID_SDK_ROOT=undefined (recommended setting)
ANDROID_HOME=c:\Users\krishna kale\AppData\Local\Android\Sdk (DEPRECATED)
Requirements check failed for JDK ...
0
votes
0
answers
43
views
Add header with token to url using Ionic inApp browser
I’m using the Ionic inApp browser to open a URL. This is my code:
const target = '_self';
const browser = this.iab.create('https://example/dev/ViewForPdf');
browser.on('loadstop').subscribe(event =>...
0
votes
0
answers
26
views
Problem with Debugging on physical device on iOS
Hello i have a Capacitor 3 project. When i run it on my iPhone from Xcode it installs the app just fine. When i try to run from Visual Studio terminal with npx cap run ios i am getting an error
✖ ...
0
votes
0
answers
16
views
Jasmine/Karma don't ignore node_modules spec ionic app
i have a problem when try run my tests in ionic app, Karma or Jasmine found an error inside node_modules folder and i don't have any idea of exclude spec's file inside node_modules for run my app ...
0
votes
0
answers
11
views
Media Captured Video as Form Data
I need to send my captured video to Backend as Form Data. Please help.
this.mediaCapture.captureVideo({ limit: 1, duration: 210 }).then(
(data: MediaFile[]) => {
if (data.length > 0) {
...
0
votes
1
answer
14
views
Ionic 5, 'Device@latest' is not in this registry
I'm getting any error while building to android
The error is in ionic 5, it happened before remove the cordova update plugin
Error:
'Device@latest' is not in this registry
This package name is not ...
-2
votes
0
answers
12
views
IONIC iOS password manager autofill not updating ion-input
The user tries to use a the new password manager autofill feature in iOS to automatically fill out ion-inputs for username and password. Both fields appear filled out, but only the first input is ...
0
votes
0
answers
35
views
Ionic InAppBrowser issues with SSO login
I have an Ionic/Capacitor project which requires SSO login from an external Federation web page.
I am able to display the login page successfully using the InAppBrowser plugin (I have experimented ...
1
vote
1
answer
64
views
Ionic AdMob Plus - How to track user rewards in a RewardedAd and show the updated balance in the UI?
I am working with the AdMob-Plus plugin and trying to integrate the RewardedAd as shown here.
THE ISSUE:
I want to offer 3 coins for every RewardedAd watched. My main issue is that I am unable to ...
1
vote
1
answer
451
views
An unhandled exception occurred: Schematic "appShell" not found in collection "@ionic/angular-toolkit"
Problem
The following error occurs when invoking command ng generate:
An unhandled exception occurred: Schematic "appShell" not found in collection "@ionic/angular-toolkit".
0
votes
1
answer
32
views
ionic build failed due to Use of undeclared identifier 'FIRAnalytics'
Using ionic 4 cordova build tool , while taking build im getting build error in fire analytics plugin.
I tried remove the plugin in package json but it installing by default when i try to build or ...
0
votes
1
answer
42
views
java.lang.RuntimeException: Unable to instantiate application android.hardware.bluetooth on path: DexPathList
I want to use Ionic 4 to compile a Android 12 app.
When I compile my ionic v4 project with JDK8 + SDK Level 27.0.3 for Android <= 10 and it works.
But for Android 12 I need to use SDK level 31.0.0 +...
0
votes
0
answers
44
views
Notification stop working suddenly in ionic ios
I'm using FCM with cordova 9. I uploaded my project to TestFlight while app notification was working fine. Then, I was about to use NotificationServiceExtension using xcode following this link https://...
0
votes
0
answers
20
views
Ionic 4 application shows white screen after installing the build on Android 12 above
I've signed it with v1 and v2. Also tried jarsigner to sign using SHA256. All these ended up in showing the white screen. Some not even allowed to install application
Says' APK is invalid'.
If someone ...
0
votes
0
answers
26
views
eventRows in angular-calendar
I'm developing calendar for my ionic project by following youtube video https://www.youtube.com/watch?v=RGLn8tpJUgc&t=169s
i'm also installing angular calendar@0.23.7 and calendar-utils@0.1.2 for ...
0
votes
0
answers
20
views
ionic custom plugin and its wrapper issue-ionic 3,4+
I have followed this below vlog completely and was able to create custom plugin and its wrapper and was able to successfully use in ionic v3, and 4+, but after installing the .apk file on device, I ...
0
votes
0
answers
17
views
How can i use multiple images for google markers in Angular
I am trying to use a loop to get multiple markers on my google map in angular, which works well so far, but the only problem is i am using same image for all the markers, and i will like to use ...
0
votes
0
answers
10
views
How to determine if inside a tab in Ionic?
I'm trying to port an app from Ionic 3 to a later version. There are pages within that are both used as top-level pages and within tabs.
The original version had on those pages an injected ...
1
vote
1
answer
51
views
check if time in range between 12:00 am to 6:59 am
I using angular and ionic 4. I got issue to checking time range between 12:00 am to 6:59 am.
Example code as below
HTML
<ion-datetime[(ngModel)]="data.laterTime"
(ionChange)=&...
0
votes
0
answers
23
views
Opt group dropdown in ionic
I want to display a hierarchical dropdown in ionic like the below image
and i have tried select with optgroup but it display like this
not matched with designing
Any suggestion or help would be ...
0
votes
0
answers
68
views
Can't open file from SD card capacitor ionic android
I'd like to read data from a database database.db which will be stored on an SD card on an Android tablet. I'm using ionic capacitor and react for this project. For now, my worry is to read from a ...
0
votes
1
answer
242
views
Ionic - cordova-support-google-services plugin fails to install after upgrading to Cordova Android 10
When I run the command ionic cordova platform add android@10.0.1 :
I see the following message
Installing "cordova-support-google-services" for android
Plugin doesn't support this project's ...
0
votes
0
answers
26
views
Cordova plugin PictureInPicture for ios
I am finding any cordova plugin to PictureInPicture for IOS. There is one plugin only for PictureInPicture which is only developed for android and working fine but I need one for ios as well.
For ...
1
vote
1
answer
227
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
15
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....
0
votes
1
answer
38
views
Ionic 4: Is there a way to send data out of app
I currently have pages in my app displaying data like email address, phone number and physical address. I would like to make these to be sent out of app on button click. For example, when I click an ...
0
votes
0
answers
216
views
Ionic App was not approved by Apple. Apple has given a crash report
Error Details
We were unable to review your app as it crashed on launch.
Review device details:
Device type: iPad
OS version: iOS 15.4.1
Crash Report
{"app_name":"Projectname",&...
0
votes
0
answers
24
views
Ionic 4 not print in thermal bluetooth
I tried to print text in a thermal printer "https://www.amazon.it/gp/product/B096KQ99K1/ref=ppx_yo_dt_b_asin_title_o00_s00?ie=UTF8&psc=1"
but nothing appens.
I uded a plugin ble ...
0
votes
0
answers
6
views
Ionic 4 determine previous page on stack
I'm trying to port an Ionic 3 app to Ionic 4.
There's a couple pages that use the function NavController.getPrevious.
What's the closest Ionic 4 equivalent of this?
0
votes
0
answers
17
views
My Ionic 5 app ssl_client_socket issue after released
Debug APK working fine but the release APK not working.
Error : E/chromium: [ERROR:ssl_client_socket_impl.cc(963)] handshake failed; returned -1, SSL error code 1, net_error -202
0
votes
0
answers
29
views
admobfree.service.ts is missing from the TypeScript compilation. Please make sure it is in your tsconfig via the 'files' or 'include' property
My project is running.it is code working.I was use admob-free npm plugin then show the error on android build time.i was user firebase notification.I show all list of plugin and ionic info.
Show Error
...
0
votes
0
answers
59
views
why Sign In With Apple not working with Xcode 13.2.1 on ios 15.2 simulator?
I have a simple ionic 5 application with Apple Login button. When i try to login on ios 15.2 simulator, the loading spinner just spins forever email/password are all correct.What am I doing wrong? or ...
0
votes
1
answer
72
views
How to make an angular page scrollable
I'm working on an Angular project in which I'm creating a form using the ionic-framework components.
<ion-content>
<form>
<ion-item lines="full">
<ion-label ...
0
votes
1
answer
207
views
Get value from ionic time-picker inside an angular form
I'm trying to fetch the inserted date value from the ionic date-picker which resides inside an angular form. But every time I submit the value it returns null.
<form [formGroup]="formData"...
0
votes
0
answers
27
views
sarriaroman-photoviewer plugin, title of the image is not shared
I installed the sarriaroman-photoviewer plugin, I share the images perfectly, but the the title of the image (which I provide in a variable string) is not shared, for example on whatsapp. I will be ...
0
votes
0
answers
185
views
Error: Please add a @NgModule annotation Angular
I'm getting the below error. any help your be appreciated!.
ERROR: Unexpected value 'Ng2DropdownModule in C:/Users/userName/../node_modules/ng2-material-dropdown/src/modules/ng2-dropdown.module.d.ts' ...
0
votes
0
answers
50
views
How to setup API endpoint while running it in the android emulator
I have an ionic-angular-4 app running on my local machine. The API endpoint for the app has been setup in the variable API_ENDPOINT in the app.component.ts
export class MyApp implements OnInit {
@...
0
votes
1
answer
71
views
Ionic 6 Http Post shows unknown error in normalizedNames for capacitor project
I am calling my Wordpress REST JSON API in my Ionic Capacitor Project.
But i am getting the error shown in image below.
Ionic Capacitor HTTP Error
This is my code
const httpHeader = { // constant for ...
0
votes
0
answers
23
views
SCSS variables to CSS in Ionic 3-4 transition — How?
I'm upgrading an Ionic 3 project to Ionic 4 (then later to 5 and 6, but 4 first).
One of the things that I need to do for this is to convert all the SCSS variable-setting to CSS variables. What's the ...
0
votes
0
answers
33
views
Ionic convertFileSrc() does not convert URL using DomSanitizer
Trying to use this.webview.convertFileSrc() on URL outputted by sanitizer.bypassSecurityTrustUrl() but the code doesn't run. convertFileSrc() works fine if no sanitizer, but will not convert the URL ...
0
votes
0
answers
187
views
Ionic 6, CI Property progress is not allowed
My project, with name in lowercase, compiles and creates the apk, but in VStudio it indicates a problem that I have not been able to solve, Property progress is not allowed:
code in angular.json:
&...
0
votes
0
answers
20
views
ionic Background data download process
good companions
I am making an application that has SQLite and I have a problem.
I am trying to generate a service that downloads the information while the application is being used, but when it ...
0
votes
0
answers
73
views
Ionic - After successful payment app redirects user to external browser
I am using the Novalnet payment gateway and using it as an iframe on my ionic app. So when a user makes a payment the Novalent redirects user to Redirect URL, which must be also in an iframe, but now ...
0
votes
0
answers
21
views
How to set default values in ionic multiselect dropdown
I'm new to ionic, I want to set all as a default values initially using ionic 5, I need all the 11 options to be in selected values, can any one help me in this
component.html
<ion-select [(...