During the development of a recent mobile app, I was retrieving data using a rest api. The web app was working fine and displaying the data. When I deployed to the Android device, I was receiving no data and the following error when calling the api: Error Code: 0Message: Http Failure response for [rest api…
Ionic – the platform was not ready when I was trying to get the location
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…
My Dividend Meter
I recently completed a web app and thought I’d share a little bit more information about it. I’ve long been interested in dividend stocks and have used a tool in the past based on an Excel spreadsheet. I’ve turned this into a web app that can be dynamically updated with no need for spreadsheets, macros…
Angular app using Node, JSON server, NG-Bootstrap, and NgRx
Sourcehttps://github.com/jarodms/angular-nodejs-bootstrap-ngrx[UPDATE 04/09/2020 – The master branch was updated to use the createAction factory; the branch action-class uses classes for creating actions.] Resourceshttps://angular.io/https://ngrx.io/docs Background I had previously built a standalone app that featured a “JSON Server”, NodeJS, and Angular front-end that would store your “ToDo” items in a local db.json file. This was a rather simple…
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…
Adding the Version Number in your app
One of the things I like to do with my apps is to add the version number somewhere within the app. Most of the time I place it in the footer of the sidemenu or in the About page of the app. This of course is great for support purposes when the user has a…
PhoneGap Build – Config File
After I create an app with Ionic’s CLI and get it running to the point I need to build it for iOS, I get it ready for PhoneGap Build. When using PhoneGap Build, make sure you have a Cordova config.json file setup for the build. This file would be located in APP_DIRECTORY/.cordova Here is…
Example Angular 8 with NgRx and Redux DevTools
This was a fun little example and can be used as a template to get started with other projects using Angular 8, NgRx, and Ionic 4. Here’s what is used: Angular 8 NgRx Store 8.3.0 NgRx Store DevTools 8.3.0 For fun, Ionic 4.7.1 To build and run this example, clone the GitHub repo here: https://github.com/jarodms/ionic4-angular8-ngrx-example…
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
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…