Welcome This My First App for Ionic Framework
Ionic Framework is new Programming Language related to angularjs same structor and advanced script is Ionic and Looking very nice and faster loading my first simple App for ionic framework.
This App Create to "Welcome This My First App for Ionic Framework" couple different variations to get started towards your first ionic App.
HTML Code:
App Module
Module Make this an Ionic App similarly Angularjs Concept.
Ionic Framework is new Programming Language related to angularjs same structor and advanced script is Ionic and Looking very nice and faster loading my first simple App for ionic framework.
This App Create to "Welcome This My First App for Ionic Framework" couple different variations to get started towards your first ionic App.
HTML Code:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <link href="http://code.ionicframework.com/1.0.0/css/ionic.min.css" rel="stylesheet"> <script src="http://code.ionicframework.com/1.0.0/js/ionic.bundle.js"></script> </head> <body> Welcome This My First App for Ionic Framework </body> </html>
App Module
Module Make this an Ionic App similarly Angularjs Concept.
<body ng-app="ionicApp">
angular.module('ionicApp', ['ionic']);
<link href="http://code.ionicframework.com/1.0.0/css/ionic.min.css" rel="stylesheet"> <script src="http://code.ionicframework.com/1.0.0/js/ionic.bundle.js"></script> <script src="app.js"></script>
Directives
<ion-header-bar class="bar-stable"> <h1 class="title">Welcome This My First App for Ionic Framework</h1> </ion-header-bar>
<ion-content class="padding"> <p>How is My app</p> </ion-content>