angularJS-Leaflet Template

angular.module("app", []).controller('ctrl',function($log,$scope){
  $scope.greeting = "Hello";
}).factory('L',function() { return L.noConflict(); });

<!DOCTYPE html>
<html ng-app="app" ng-controller="ctrl">
  
  <head>
    <meta charset="utf-8">
    <title>AngularJS +Leaflet Template</title>
    <script>
      document.write('<base href="' + document.location + '" />');
    </script>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.css" />
      <!--[if lte IE 8]>
        <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.ie.css" />
      <![endif]-->
    <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
    <script src="http://code.angularjs.org/1.1.4/angular.js"></script>
    <script src="app.js"></script>
  </head>
  
  <body>{{greeting}}</body>

</html>

/* Put your css in here */

html, body {
    height: 100%;
    width: 100%;
}