app = angular.module('myApp', ['ui.bootstrap'])

app.controller 'MainCtrl', ($scope) ->
  $scope.name = 'World'
<!DOCTYPE html>
<html ng-app="myApp">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');</script>

    <link data-require="bootstrap-css@*" data-semver="2.3.2" rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" />
  
    <link rel="stylesheet" href="style.css" />

    <script data-require="angular.js@1.0.x" src="http://code.angularjs.org/1.0.7/angular.min.js" data-semver="1.0.7"></script>
    <script data-require="ui-bootstrap@0.3.0" data-semver="0.3.0" src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.3.0.min.js"></script>

    <script src="app.js"></script>
  </head>

  <body ng-controller="MainCtrl">
    Hello, {{name}}!
  </body>

</html>
body {
  padding: 10px;
}