Untitled

<!DOCTYPE html>
<html lang="en" ng-app="the_app">
  <head>
    <meta charset="utf-8">

    <base href="/client/">
  </head>
  <body>
    <h1>Hello, world!</h1>

    <div ng-view></div>

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-resourse.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-route.js"></script>

    <script>
     var app = angular.module('the_app', [
       'ngRoute',
       'my_controllers']);

     app.config(['$routeProvider', '$locationProvider',
                 function($routeProvider, $locationProvider) {
                   $routeProvider.
                          when('/', {
                            controller: 'mainCtrl'
                          }).
                               when('/login', {
                                 controller: 'loginCtrl'
                               }).
                                    otherwise({
                                      redirectTo: '/'
                                    });

                   $locationProvider.html5Mode(true);
                 }]);

     var my_controllers = angular.module('my_controllers', []);

     my_controllers.controller('mainCtrl', ['$scope', '$http',
                                            function ($scope, $http) {
                                            }]);

     my_controllers.controller('loginCtrl', ['$scope', '$http',
                                             function ($scope, $http) {
                                             }]);
    </script>
  </body>
</html>