With the introduction of the new versions of the Ionic framework, and the Angular framework that it is built on top of, we are able to make apps that perform better on mobile, adhere to the latest web standards, are scalable, reusable, modular, and so on. As always, we continue to use the web tech (HTML, CSS, and Javascript) that we know and love to build applications, but there are some conceptual and syntax differences that we need to understand when using Ionic and Angular. For example, the HTML we use looks a little different than you might be used to: ion-menu [content]="content" ion-toolbar ion-titlePagesion-title ion-toolbar ion-content ion-list button ion-item *ngFor="let p of pages" (click)="openPage(p)" button ion-list ion-content ion-menu ion-nav id="nav" [root]="rootPage" #content swipe-back-enabled="false"ion-nav and the same goes for the Javascript: import {Component} from '@angular/core'; import {Platform, ionicBootstrap} from 'ionic-angular'; import {StatusBar} from 'ionic-native'; import {HomePage} from '.


I guess you came to this post by searching similar kind of issues in any of the search engine and hope that this resolved your problem. If you find this tips useful, just drop a line below and share the link to others and who knows they might find it useful too.

Stay tuned to my blog, twitter or facebook to read more articles, tutorials, news, tips & tricks on various technology fields. Also Subscribe to our Newsletter with your Email ID to keep you updated on latest posts. We will send newsletter to your registered email address. We will not share your email address to anybody as we respect privacy.