Background On the home screen of my app, I display a list of location-based content. So when the app loads, I get the users’ location and then pass that to the backend to retrieve the relevant content. I had been developing and testing in the browser as well as my Android device and had never…
Category: Ionic
LoadingController example showing “Loading…” message
For longer running operations (e.g., data requests) it might be nice to show the user that you are loading their data or performing a long running action. For this we will use the LoadingController to show a simple message while we are retrieving a list of nearby shows from our service. In your constructor, be…
Update an Ionic4/Angular7 app to use Angular 8
I was working on an Angular 7 with Ionic 4 app and wanted to update to Angular 8. Here’s a set of commands to get this done. npm uninstall typescript npm install typescript@3.4.3 –save-dev npm install @ionic/angular@4.7.0 npm install @ionic/angular-toolkit@2.0.0 -D ng update @angular/cli @angular/core Please follow: 0
Ionic 4 and Angular with PouchDB
Get to the code now: https://github.com/jarodms/ionic4-pouchdb I’ve built a couple of Ionic apps using PouchDB and I must say I love the combination. I originally built a small sample app in GitHub some time ago, but I felt it was definitely time to update it to use Angular 8, Ionic 4, and the latest version…
Ionic with Font Awesome Icons
Over the last couple of months, an Angular 6 project I’ve been working started using Font Awesome icons. After learning more about Font Awesome, I thought, “It would be cool to be able to use font awesome icons in an Ionic project.” Now, remember, Ionic already has a great set of icons (Ionicons). I’m…
Ionic 3 – Using the VirtualScroll Component
I’ve built a sample application using the basic ionic Conference App with some tweaks. You can find the source here: https://github.com/jarodms/ionic3-virtual-scroll Once you’ve cloned/downloaded the source, run the following to see the example in action (go to the Speakers tab): npm i npm run ionic:serve The example app has the following: Tabs Sidemenu Version number at…