Questions tagged [ionic3]

1

votes
2

answer
1.5k

Views

By default open ion-fab-list

I need top open ion-fab-list open by-default when the ionic page loads. Please provide some help. I have tried following solutions but did not work: 1. write (click) event on fab-button in .html and call event from .ts. ionViewDidEnter() { this.calculateButtons(); } calculateButtons() { // butto...
Punita
1

votes
3

answer
5.2k

Views

Angular Template parse errors: The pipe could not be found

app.module.ts import { BrowserModule } from '@angular/platform-browser'; import { ErrorHandler, NgModule } from '@angular/core'; import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular'; import { SplashScreen } from '@ionic-native/splash-screen'; import { StatusBar } from '@ionic-nat...
shah rushabh
1

votes
3

answer
877

Views

Is it possible to use Firebase ML kit api with ionic?

I would like to know if it's possible to use the Firebase ML kit with Ionic. Seems they are only allowing ios and android development but I want to see if someone is aware of a rest api or a library that allows to do this.
Ricardo Parro
0

votes
0

answer
4

Views

Ionic 3 disable keyboard push

I have a simple login form and everytimes that I hit the input, the keyboard pushs all my components, and what i want is that the keyboard stay on top as 'absolute position'. Things that I have already tried: .css ion-grid { min-height: 100%; } .ts keyboard.disableScroll(true); app.module.ts import...
Juny
0

votes
0

answer
4

Views

Ionic 3 cannot convert filter() result into array

I have the initial array of data dataToDisplay and the array that I need to add filtered arrays into it dataToDisplay. I used .filter() to do so: this.dataToDisplay = this.dataToDisplay.filter((res)=>{ console.log(res); if(res.type==this.filterArray['typeOfIns']) { this.dataToFilter = res; console.l...
alim1990
0

votes
2

answer
23

Views

how to convert value into Indian rupees format?

i am getting value from the array and i need to convert that value into indian rupee format? {{user.members}}    /    ₹ {{user.total | currency:'₹':0}} Expected I need value as 1,95,445.76, Actual Output 195,445.76
stephen
0

votes
0

answer
3

Views

Virtual Scroll only displays 1 item on scrolling

I’m having a matter with ionic virtual scroll and really in need for any possible suggestion to solve it. In short, I have an array that I will fetch data from an API to it. For now, the API’s returning around >100 records (with no offer of pagination) and this number is expected to grow more so...
Hoang Nguyen
5

votes
0

answer
30

Views

Conflict on using cordova-plugin-ionic-webview version?

I'm working on an ionic3 application. I need to take an image from the user either by camera or gallery, first saves it to the local directory then upload the image to the server. I used the following step by step tutorial: https://devdactic.com/ionic-2-images/ Uploading the photo is working like a...
Abdu4
0

votes
1

answer
26

Views

“How to fix “ Error: Cannot find module ”@angular/core/src/view/util”

I am building an ionic project for my final year project, and suddenly my laptop got a short circuit. So right now I'm developing back my project through multiple computers/laptop, but my project seems cannot shows it output. Every time I did ionic serve, it is throwing an error saying Runtime Error...
Zee
1

votes
2

answer
1.3k

Views

ionic3 native-storage error code : 2

I had an error when I used ionic3's native-storage. It couldn't read the data in native-storage correctly. The error code: 2, but there was no detailed description. public async getToken(): Promise { let token = null; let expires = null; try{ token = await this.storage.getItem(this.ACCESSTOKEN_KEY);...
Gerson
1

votes
3

answer
403

Views

ionic 3 [object object] not able to parse data

Actually I'm getting below data from the server. { 'status': 1, 'message': 'Product Detail', 'data': { 'product': { 'product_id': '87', 'product_name': 'Decide A4-12', 'product_price': 'Rs. 199.00', 'product_shortdescription': 'FREE Delivery Portrait', 'product_description': 'FREE Delivery\r\nSize :...
Govaadiyo
1

votes
1

answer
1.1k

Views

Ionic - How to Import scss or css file from node_modules?

I want to import this css or scss file in my component: node_modules/plyr/dist/plyr.css node_modules/plyr/src/sass/plyr.scss Whatever I try does not work. This is what I have tried already: @Component({ selector: 'videoPlayer', template: ``, styleUrls: [ //see below what I have tried to put here. ]...
Luuk Wuijster
1

votes
3

answer
545

Views

Why ionic-native/contacts plugin crash the app when try to save contact at android 8?

I try to save contact using ionic-native/contacts plugin, it works on all android versions except android 8, the app is stopped and closed. This is my code which is the same of ionic framework example: SaveToContact(phone, name) { try { let contact: Contact = this.contacts.create(); contact.name = n...
Sawan
1

votes
2

answer
167

Views

Facing problem in integrating gmail with ionic 3 , getting run time error >>Object(…) is not a function

I am working with ionic 3 where I am trying to integrate google plus login into my Application through firebase . But I am getting error , error is >> ERROR TypeError: Object(...) is not a function at GooglePlus.login (index.js:27) at HomePage.webpackJsonp.186.HomePage.login (home.ts:28) at Obje...
Testing Anurag
1

votes
1

answer
162

Views

Conflicting components in Ionic 4: IonCard and SwingCardComponent

I am following this tutorial, and I'm facing some difficulties regarding the differences between Ionic3 and 4. I am using Ionic4, and when I do ionic serve everything compiles successfully, but when I go to the web browser the following error appears in the console: Uncaught Error: Template parse er...
eseuteo
0

votes
0

answer
11

Views

Angular-7 + Nativescript + Ionic-3 from one master project and share codes across them

I want to ask about a concept and the best possible way to implement that. I am going to create a project that will serve a web version using Angular 7 and mobile apps using nativescript and Ionic+cordova (differently). I am going to create one master folder in which the three versions will be locat...
Nabarag Paul
0

votes
1

answer
38

Views

With Ionic, how can I detect when call has been disconnected?

The Ionic documentation for call-number is scant. I'm trying to figure out how I can detect when a call has been disconnected. I want my app to fire a message and update a database (with call duration and other metadata) upon call completion. Does anyone know how to do this?
CodyBugstein
1

votes
1

answer
329

Views

ionic cordova build is showing lint warnings

I'm trying to build APK file with IONIC. I'm following all the tutorials and everything was OK until I tried to build APK with this command: $ ionic cordova build --release android and show me this error: $ ionic cordova build --release android Running app-scripts build: --platform android --target...
Mena Magdy
1

votes
0

answer
244

Views

reading videos using cordova-plugin-media-streaming close the window automatically

I'm working on an ionic mobile application where I needed to read videos on streaming by providing the URI of the video online. So I used cordova-plugin-media-streamingplugin offered by cordova. My problem is that: the window reading the video closes automatically after the video finishes, the user...
Hadjer Kh
1

votes
1

answer
34

Views

Ionic 3 Google Map flickers during view transition

I'm using Ionic 3, and working on iPhones (all versions), and when my view transitions to a view with a Google Map in it, for a second the map flickers and I can still see in the background the previous view. Does anyone know how to fix it?
Dimitri
1

votes
1

answer
548

Views

Store webpage for offline viewing ionic 3

I was wondering if it's possible to place a web page in localstorage like you can do with images in ionic 2/3 or save it locally for offline viewing. Here is a piece of code I have for accessing a remote book using google docs: book.ts import { Component } from '@angular/core'; import { IonicPage, N...
Ngoni X
1

votes
1

answer
725

Views

Ionic 3 navcontroller pop twice with modal got not consistent history

I have a Ionic 3 project with multiples pages. There is the step of navigation : Home Item List Item Modal of item In the modal, there is a button of confirmation. I want this button return to ItemList. After returned on Item List, the back button should return user to Home. But, I have the same er...
jedema
1

votes
1

answer
434

Views

menu icons looking different on IOS than in ANDROID - IONIC

Added three icons on my ionic home.html using the below code. Problem is they are looking very dis-aligned and very small in size on IOS. Tags What is the problem in my code and how can I fix this? Below first screenshot is of Android and second screenshot is of iOS. Android screenshot iOS screensh...
user2828442
0

votes
0

answer
5

Views

Ionic 3 JavaScript heap out of memory

I'm working on an ionic android app which is quiet huge. When i run ionic build --prod i get the ff error: --- Last few GCs ---> [4220:000002B5705AEDC0] 185812 ms: Mark-sweep 1382.2 (1425.5) -> 1381.6 (1424.5) MB, 1157.1 / 0.0 ms (average mu = 0.092, current mu = 0.040) allocation failure scaveng...
marvin ralph
1

votes
0

answer
64

Views

Error when calling method in service ionic 3

I have the following component newsfeed.ts import { Component, Inject } from '@angular/core'; import { NavController, Tabs } from 'ionic-angular'; import { AuthService } from '../../services/auth/auth.service'; import { ReportService } from '../../services/reports/report.service'; import { EnvVariab...
Kingsley Simon
1

votes
0

answer
168

Views

Ionic 3 - Handle permissions popup through promises

I'm trying to create an application where it will download and save image to a directory. I've successfully implemented that. When the app is uninstalled and reinstalled, I'm trying to use the same folder that was created by the app and used earlier. But the problem is, when the file is downloaded...
Stranger
1

votes
2

answer
452

Views

ion-select does not change text after language changed with ng-translate

I am using ngTranslate for my ionic 3 App. I am using an ion-select to change several options of my app (including the language). The problem I have is that the text from my ion-selects do not change their text after I choose another language without user interaction (that is, if I click it the opti...
distante
1

votes
0

answer
144

Views

How to navigate to ionic app by adding app url path to the website url?

I am working in angular and ionic projects.Here I have a website and an ionic3 app with firebase integration.I need to navigate to ionic app web link on giving url path of ionic app after the website link in the url. How can I implement this in my angular code?
srujana
1

votes
1

answer
1.3k

Views

Ionic fixed content at the bottom

I have created a login form for my app with ionic 3, when I toggle the keyboard the content at the bottom moves to the top part. This is my design for the screen when keyboard is not toggled. When the keyboard is toggled. My html mockup Forgot password Sign In Facebook New Here? Sign Up CSS for the...
Gerald Brigen
1

votes
1

answer
509

Views

Screen Flickering issue in IOS 10.3.3 in ionic/cordova app

I'm working on a hybrid app with angular using ionic/cordova frameworks, its working fine on android but showing some flickering on a screen when I run it on iPad. I've already reached the internet but couldn't find exact solution or the cause of the problem. Version are: Angular => 5 ionic => 3.9....
Omar
1

votes
0

answer
236

Views

How to apply scrolling to the labels data in ng2-charts?

Iam working in ionic3 and angular4.I need to display pie-charts.So I used ng2-charts.I had shown labels data on right side of chart using legend position.Everything works fine but when labels data is incremented,then in legend,columns are incremented which moves the chart image to left side and in m...
srujana
1

votes
0

answer
237

Views

ngModel does not give the right value on ngFor loops

When I do ngFor for [(ngModel)] the result was wrong. I try to follow based on this plunker. {{answer}} But, when I hardcoded the value of [(ngModel)]=A and [(ngModel)]=B then I got no problems on getting the value of A and B. The codes as below: A B The codes for debug: A:any; B:any; answer_field:...
Nere
1

votes
0

answer
128

Views

Cordova build failed for Windows

I want to test my app on Windows / Windows Mobile. For this I first installed Visual Studio Community 2017 and then I downloaded Windows 10 SDK & Mobile Development with JavaScript. After that I added Windows platform, and 2 lines of code in config.xml that looks like below Now when I run ionic cor...
Azam Alvi
1

votes
2

answer
259

Views

Iionic3 send JWT using ionic-starter-super

I save token in local storage, and using ionic-starter-super which have 'generic REST Api handler' but I have problem with add JWT token and send it with other data? Here is example which I try to do that but without any success: post(endpoint: string, body: any, reqOpts?: any) { let headers = new H...
Stojan Kukrika
1

votes
0

answer
227

Views

Click map close keyboard in Ionic 3

In MapPage.xml I have ion-searchbar and map. When click input in searchbar keyboard open. Now I want when click over keyboard or click to map keyboard will close. I'm try add event click in map or event click to ion-content and call Keyboard.close() but it not working Here is my MapPage.xml I try wi...
Trần Hòa
1

votes
1

answer
338

Views

How to “completely” close page

I'm making a request to a rest API with the getData function (see code). If for some reason the request fails I call the getData function again until it succeeds. The problem is: If i pop the page, the requests will still get sent (the loop will still be running). How do I close the page so the code...
oskar zimmerman
1

votes
2

answer
64

Views

Ionic3 Generate APK Issue

I am trying to creating APK from Ionic3 project but it gives me error as in screen shot. My JAVA_HOME variable is set to jdk-9.0.1 and Path variable is also pointing to jdk-9.0.1/bin and not other version is there of java or environment variables which point older version. I am referring this docume...
Nirmal
1

votes
0

answer
156

Views

Ionic 3 / TypeScript / Angular : how to handle SQLite database callbacks within FOR loop

I have following pages in my LibraryApp , developing using Ionic 3 framework CategoryPage : To add new record in Category table BookPage : To add new record in Book table Transaction: To add daily transaction where TrxType is either 'BookIssued' or 'BookReturned' CategorySummaryPage: summary for eac...
Nilesh
1

votes
0

answer
72

Views

Ionic 3 Animating background image - Motion plugin

Has anyone seen a tutorial or an explanation on how it’s possible to “animate” your background image with the motion of the Phone? You know in some apps, when you move the phone up/down/left/right, the background image seems to also move a bit, creating a very nice dynamic feel to the app. I h...
Dimitri
1

votes
0

answer
114

Views

I am facing a lots of errors in creating a new app using ionic framework

C:\Users\Shahbaz Alam\Desktop\ionic> ionic start myApps blank √ Creating directory .\myApps - done! √ Downloading and extracting blank starter - done! ? Would you like to integrate your new app with Cordova to target native iOS and Android? No √ Personalizing ionic.config.json and package.json...
Shahbaz Alam

View additional questions