Advertisement
KillianMills

index.jsp

Apr 8th, 2016
32
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.97 KB | None | 0 0
  1. <%--
  2.  Project ID:  patrolserver
  3.  Project number:  1027812495020
  4.  Created by IntelliJ IDEA.
  5.  User: admin
  6.  Date: 02-Mar-16
  7.  Time: 13:57
  8.  To change this template use File | Settings | File Templates.
  9. --%>
  10. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  11.  
  12. <html ng-app>
  13.   <head>
  14.     <title></title>
  15.     <link rel="stylesheet" href="node_modules/bower/bower_components/bootstrap/dist/css/bootstrap.css">
  16.     <%--<script src="node_modules\bower\bower_components\angular\angular.js"></script>
  17.     <%--<link rel="stylesheet" href="/css/app.css">--%>
  18.  
  19.     <script>
  20.       function TheController($scope) {
  21.         $scope.buttonText = 'Click me to change foo!';
  22.         $scope.foo = 42;
  23.  
  24.         $scope.changeFoo = function () {
  25.           $scope.foo += 1;
  26.           alert('Foo changed');
  27.         };
  28.       }
  29.     </script>
  30.  
  31.     <style>
  32.       #map {
  33.         width: 500px;
  34.         height: 400px;
  35.         background-color: #CCC;
  36.       }
  37.     </style>
  38.   </head>
  39.  
  40.   <body ng-controller="TheController">
  41.     <h1>Hello World!</h1>
  42.  
  43.     <input ng-model="foo" value="bar">
  44.     <!-- Button tag with ng-click directive, and
  45.           string expression 'buttonText'
  46.           wrapped in "{{ }}" markup -->
  47.     <button ng-click="changeFoo()">{{buttonText}}</button>
  48.     <script src="/node_modules/bower/bower_components/angular/angular.js"></script>
  49.  
  50.  
  51.     <div id="map"></div>
  52.     <script>
  53.       function initMap() {
  54.         var mapDiv = document.getElementById('map');
  55.         var map = new google.maps.Map(mapDiv, {
  56.           center: {lat: 44.540, lng: -78.546},
  57.           zoom: 8
  58.         });
  59.       }
  60.     </script>
  61.     <script src="https://maps.googleapis.com/maps/api/js?callback=initMap"
  62.            async defer>
  63.     </script>
  64.  
  65.     <div ng-app="">
  66.  
  67.       <p>Input something in the input box:</p>
  68.       <p>Name : <input type="text" ng-model="name" placeholder="Enter name here"></p>
  69.       <h1>Hello {{name}}</h1>
  70.  
  71.     </div>
  72.  
  73.   </body>
  74. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement