xxxxxxxxxx<html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <title>Ionic App</title> <link href="https://code.ionicframework.com/1.0.0-beta.6/css/ionic.css" rel="stylesheet"> <script src="https://code.ionicframework.com/1.0.0-beta.6/js/ionic.bundle.js"></script> </head> <body ng-app="ionicApp"> <ion-nav-view></ion-nav-view> </body> <!-- This is your abstract view --> <script id="blah.html" type="text/ng-template"> <!-- The Header --> <ion-nav-bar class="bar-dark nav-title-slide-ios7"> <ion-nav-back-button class="button-icon ion-ios7-arrow-back"></ion-nav-back-button> </ion-nav-bar> <!-- Here is where the template will be rendered --> <ion-nav-view name="app-view" animation="slide-left-right-ios7"></ion-nav-view> </script> <!-- A template for a home page --> <script id="blah_home.html" type="text/ng-template"> <ion-view title="List"> <ion-content padding="true"> <ion-list> <ion-item ui-sref="blah.otherPage()">item 1</ion-item> </ion-list> </ion-content> </ion-view> </script> <!-- Another page to navigate --> <script id="blah_other_page.html" type="text/ng-template"> <ion-view title="Other List"> <ion-content padding="true"> <ion-list> <ion-item ui-sref="blah.homePage()">Goooo back!</ion-item> </ion-list> </ion-content> </ion-view> </script></html> Modified http://code.ionicframework.com/1.0.0-beta.6/js/ionic.bundle.js to a secure url
https://code.ionicframework.com/1.0.0-beta.6/js/ionic.bundle.js