Questions tagged [ionic4]

Presentation

This tag is for questions specifically targetting version 4 of the Ionic Framework.

Ionic Framework is an open-source hybrid mobile application development framework that helps in building cross-platform mobile applications with standard Web technologies like , , and 's.

Ionic Framework is focused on giving a native-like UI experience, built on top of web technologies.

Traditionally, it has used Apache and . Since January 2019, Ionic 4 allows developers to choose multiple frameworks including , , , and web components.

Ionic also has a rich Command Line Interface which enables the developers to create, build, test and deploy applications.

Ionic 4 is built using which is a compiler that creates Web Components.

The Ionic Team are also developing an alternative to Cordova, called Capacitor. is a cross-platform app runtime that allows developers to build web apps that run natively on iOS, Android, Electron and the web.

Official Links:

5597 questions
1
vote
2 answers

How to run an Ionic App on a Mac transferred from a PC

Alright so I think my question is going to be flamed for how vague it is but please hear me out. I managed to recently get a MacBook to test apps in iOS. But I have my Ionic app developed on my Windows PC. So I thought that I would just be able to…
Orthodox_Athena
  • 197
  • 2
  • 11
1
vote
0 answers

Ion item doesn't drag with ion-input

When I use ion-input inside ion-item it doesn't allow to drag using ion-icon. But if I use ion-label it allows to drag using icon. Following doesn't allow to drag.
indrajeet
  • 837
  • 10
  • 17
1
vote
0 answers

ionic 4 build --prod production behave different with non-production

Any of you build the app with ionic cordova build ios --prod ionic cordova build ios When use the real device to test, it will behave different. Some working on build without --prod, some working on --prod. So what should I do to make it the same?…
ChokYeeFan
  • 293
  • 1
  • 3
  • 8
1
vote
0 answers

Getting Error while running ionic project [ng] panic: aborting due to terminal initialize failure

I have executed same program multiple time's but now I am trying to run the same program using ionic serve ionic serve but getting an error : [ng] panic: aborting due to terminal initialize failure
Avinash Raut
  • 1,872
  • 20
  • 26
1
vote
0 answers

How to make spin the wheel game in ionic with probability

I am developing a game in ionic 4 'spin the wheel'. so far I am able to spin the wheel which stops randomly on any of the sections. Can anyone help me with setting probability to sections so that users will have fewer chances to win? I would like to…
1
vote
0 answers

Check if any modal is opened by their id and then close that modal IONIC

I have many modals open in my app and I want to close some specific modals only so first I want to check if that modal is open by checking with their modal id and then close that modal . const modal = await this.modalCtrl.create({ component:…
1
vote
0 answers

Get svg from template by tag and put in pdf using pdfmake

I have this html : I saw that this directive generate the following html :
GPiter
  • 779
  • 1
  • 11
  • 24
1
vote
1 answer

App shows white screen when converting from ionic to IOS or Android

I have made a web application using angular/ionic which works perfectly fine without error and shows its content on the browser. However, when I try to convert this web application to IOS or Android using Ionic capacitor and run it using Android…
Ashim
  • 877
  • 2
  • 12
  • 22
1
vote
1 answer

How to add "CLEAR" button to IonDateTime?

The IonicDateTime component allows me to save or cancel the date picked. However, I want to be able to clear the value chosen. I've looked for solutions and one of them was to use pickerOptions, but this overrides the existing buttons that I still…
tammi
  • 143
  • 2
  • 8
1
vote
1 answer

Ionic: Remove line under a field

Ionic is making line below after each field I am creating. how can I remove this line? What this line thing “officially” called? Is it removable by CSS? My code:
user12504785
1
vote
0 answers

how to use LaunchNavigator in ionic 5?

Currently im migrating my app from ionic 3 to ionic 5 when i import LaunchNavigator from @ionic-native/launch-navigator it is not showing any error, while compiling the application im getting error like private launchNavigator: LaunchNavigator [ng] …
Ajith Kumar
  • 25
  • 1
  • 8
1
vote
1 answer

ng has unexpectedly closed giving the error 127.why this happens?

I'm trying to build an app from a script.But,while trying to run "ionic serve".It shows the errors like this: [error] Error: Job name "..getProjectMetadata" does not exist. at Observable._subscribe (C:\Users\Bhanu\Desktop\Food Grocery Meat Delivery…
1
vote
1 answer

ionic 5 - users mentions

I have Ionic-5 (angular 9) App with users chat, i want to add mentions functionality to the ion-textarea, its need to be something like Whatsup, twitter ,Facebook when user typing '@' or '#' its will open dropdown with the users list with names and…
yairu
  • 11
  • 3
1
vote
1 answer

object object error with java script and ionic

I create a mobile application with covid19 real time data. i have used api.but i can't access json data from it. when it runs object object error is showing.here is the current output here is the data inside the api.here is the api data. import {…
1
vote
1 answer

How to dynamically go to previous page (ionic 4)?

Currently im migrating my ionic 3 project to ionic 5, in ionic 3 we use this.navCtrl.getPrevious().name; to get the previous page name by getting the previous page name i will navigate to different pages based on the previous page name can you…
Ajith Kumar
  • 25
  • 1
  • 8