Simple Ionic App

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:

<!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>







Simple Ionic App Dev2Tricks 5 of 5
Welcome This My First App for Ionic Framework Ionic Framework is new Programming Language related to angularjs same structor and advanced...

Share this

Related Posts

Previous
Next Post »