Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.4/angular.min.js"></script>
<script src="http://ionicframework.com/nightly/js/ionic.js"></script>
<link rel="stylesheet" href="http://ionicframework.com/nightly/css/ionic.css">
<script src="http://ionicframework.com/nightly/js/angular/angular-animate.js"></script>
<script src="http://ionicframework.com/nightly/js/angular/angular-route.js"></script>
<script src="http://ionicframework.com/nightly/js/angular/angular-touch.js"></script>
<script src="http://ionicframework.com/nightly/js/angular/angular-sanitize.js"></script>
<script src="http://ionicframework.com/nightly/js/ionic-angular.js"></script>
<div ng-controller="BaseCtrl as base">
  <header-bar title="'Ionic ' + base.exclamation">
  </header-bar>
  <content has-header="true">
      <slide-box>
          <slide>
            <div class="box blue">
              <h1>BLUE</h1>
              <h2>I am index {{$index}}. Am I active? {{active}}</h2>
            </div>
          </slide>
          <slide>
              <div class="box yellow">
              <h1>YELLOW</h1>
              <h2>I am index {{$index}}. Am I active? {{active}}</h2>
            </div>

          </slide>
          <slide>
              <div class="box pink">
              <h1>PINK</h1>
              <h2>I am index {{$index}}. Am I active? {{active}}</h2>
            </div>
          </slide>
      </slide-box>
    </content>
</div>

CSS

.blue { background: blue }
.yellow { background: yellow }
.pink { background: pink }
.box {
    color: black;
    height: 500px;
}

CoffeeScript

@app = angular.module 'myfiddle', ['ionic']

@app.controller 'BaseCtrl', -> 
  return this

angular.bootstrap document, ['myfiddle']