Labels

Learn the powerful enterprise adaptable database:

Getting Started With ADABAS & Natural

Tuesday, November 1, 2016

101-plunker-ionic-blank


.
101-plunker-ionic-blank
HTML+CSS+JS
<html>
<head>
  <meta charset="utf-8">
  <title>Diary</title>
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
  <!-- Cloud Library -->
  <link href="//code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet">
  <script src="//code.ionicframework.com/nightly/js/ionic.bundle.js"></script>
  <!-- Needed for Cordova/PhoneGap (will be a 404 during development) -->
  <!--<script src="cordova.js"></script>-->
</head>
<body ng-app="app">
  <div>
    <div>
      <ion-nav-bar class="bar-stable">
        <ion-nav-back-button></ion-nav-back-button>
      </ion-nav-bar>
      <ion-nav-view></ion-nav-view>
    </div>
  </div>
  <script id="home.html" type="text/ng-template">
    <ion-view title="Home" id="page1">
      <ion-content padding="true" class="has-header">
      </ion-content>
    </ion-view>
  </script>
  <script>
    angular.module('app', ['ionic'])
      .controller('homeCtrl', ['$scope',
        function($scope) {}
      ])
    .config(function($stateProvider, $urlRouterProvider) {
      $stateProvider
        .state('home', {
          url: '/page1',
          templateUrl: 'home.html',
          controller: 'homeCtrl'
        })
      $urlRouterProvider.otherwise('/page1')
    });
  </script>
</body>
</html>

.
.

No comments:

Post a Comment