Ionic | Cookbook

Ralph/ September 16, 2019/ Cookbook, Ionic, Ionic 4

Routing and Navigation Basic Angular Router configuration Create a routing module that is ‘visible’ to all components in your app With Angular CLI With Ionic Match URL paths to Pages/Components app-routing.modules.ts Update routing module imports and exports app-routing.modules.ts Do not forget to import the routing module to you main app module app.module Add a router-outlet to indicate where the pages

Read More

Create a simple Calculator in Ionic

Ralph/ December 27, 2018/ Ionic, Ionic 4

Sources for this tutorial are here. Preparation Clone the example Starting from new Before starting, make sure that you are using the current ionic version.If you are new to ionic , then look here for an installation guide. Create App Add a new page for our calculator Add new page to sidemenu Add link to page in app.components.ts file Add

Read More

Tutorials and Dokumentation

Ralph/ November 13, 2018/ Ionic, Ionic 4

Tutorial AngularFirebase – Routine Basics Routing for tabs based apps Angular – Observables Angular – RXJS Tutorial Learning edupal: Ionic

Installation on Unix

Ralph/ November 9, 2018/ Ionic, Ionic 4, Mobile Development

Prepare environment Install nvm and Node Change to users home and create users’s profile .bash_profile (if not exist) Download nvm install script and run it. The installation script also modifies the users’s profile .bash_profile Run users’s profile, so nvm will be installed. This ist done automatically after login. Install latest Node LTS version Create Ionic sample Apps Install direnv Installation on

Read More

Ionic | App from Scratch – Adding Content

Ralph/ August 17, 2018/ Ionic, Ionic 3, Ionic 4

In this blog, we will discus the steps to add additional content (pages, components) to your existing app. We will start with the App From Scratch we create here. Preparation Configure Visual Studio Code First, we will configure Visual Studio Code to show only the desired folders for this tutorial. We will hide the folders node_modules, e2e and .env To

Read More


Ralph/ July 28, 2018/ Ionic, Ionic 4, Mobile Development

Vorbereitung / Installation Hier findet ihr die genaue Beschreibung Erstellen einer JSON Datei ionic-migration.json Migration durchführen

Starting with Capacitor

Ralph/ March 16, 2018/ Capacitor, Ionic, Ionic 3, Ionic 4

Introduction Git Repository is here Installation Requirements Working with Ionic and Capacitor needs additional software like node and python. To separate our development environment from other parts of our system, we will use virtual environments for both parts: nvm for Node.js pyenv for Python To automatically setup this environment when entering the directory, additionally we will use direnv. Read this

Read More

Ionic | App from Scratch – Two Sidemenus

Ralph/ July 2, 2017/ Ionic, Ionic 3, Ionic 4

Prepare your starter App Change into the newly create folder and start the Ionic App You will see the default Ionic Sidemenu App The entries of the sSidemenu are defined in app.components.ts: The sidemenu itself and his apperance are defined in app.component.html: The Sidemenu entries and the Icon are added in line 13 and 14 to the sidemenu. Define two

Read More

Ionic | App from Scratch

Ralph/ July 1, 2017/ Ionic, Ionic 4

Prepare Environment Install Node.JS Install Ionic 4 Create an app from Template Introduction: First App Prepare the base App Create basic structure with tutorial template Some name changing To keep the structure of the filenames the same, i like to change the name for the routing module (changing the dash to a dot) from to Show base app Add a page

Read More