18 posts tagged with "Ionic"

Basic​

1. Create a basic ionic3+ application

2. Display SideMenu always for Tablets

3. Providers

4. Local Storage Provider – Create and Use it in the Page/Component

5. Temporary Storage which persists only when the app is live

6. Add Constants and use across App

Integrations​

1. Integrate FontAwesome

2. Add FontAwesome Icons in the SideMenu

1. Summary​

A component library is a collection of logically group components so that one can explore, select components and helps in maintaining consistent design across projects. nag-ionic-lib built using following components.

1. Install Ionic - Open the command prompt and run npm install -g @ionic/cli

2. Update the angular cli npm install -g @angular/cli@latest

3. Create an app ionic start nagTabs tabs syntax: ionic start app types are a. tabs: A tabs based layout b. sidemenu: A sidemenu based layout c. blank: An empty project with a single page

PS C:nagTabs> ng test​

As a forewarning, we are moving the CLI npm package to "@angular/cli" with the next release, which will only support Node 6.9 and greater. This package will be officially deprecated shortly after. To disable this warning use "ng set --global warnings.packageDeprecation=false". You have to be inside an angular-cli project in order to use the test command.

How to open urls using InAppBrowser plugin & window.open from ionic3+ apps. We can InAppBrowser plugin & window.open for opening urls from ionic3+ app

Add a provider to the Ionic3 app refer and follow the below steps
How to Add Providers in Ionic3+

AppStateProvider - is developed for Temporary Storage which persists only when the app is live once the app is closed the AppState data will be destroyed. For small data to save permanently use StorageProvider which is a local Storage.

Providers are special classes which decorated with @Injectable decorator. Providers are used to a specific work.  We can organize the code and code can be reused in multiple places e.g in pages, other providers too.

We will added now simple Local StorageProvider by using the command
ionic g provider Storage

Steps​

1. Created a folder constants and create a file app.configs.ts

2. Add below code which needs to be used across app

First go through the below articles
1. How to create a basic ionic3 + mobile application

2. How to add FontAwesome to ionic3+ apps