Trouble with Routing in AngularJS
<p>I have problem with routing in my Angular SPA app. Everything was fine until i had one controller and one view (Register.html). After I added second controller/view, the app doesn't show my second view (Login.html). Of course I created LoginController and Login.html In url in browser there is no /#Login when i click on Sign in.
My app.js:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var App = angular.module('App', ['ngRoute', 'ui.bootstrap']);

App.service('Api', ['$http', ApiService]);

App.controller('MainController', MainController);
App.controller('RegisterController', RegisterController);
App.controller('LoginController', LoginController);



var configFunction = function ($routeProvider, $httpProvider) {
    $routeProvider.
        when('/Register', {
            templateUrl: 'SPA/Views/Register.html',
            controller: 'RegisterController'
        })
        when('/Login', {
            templateUrl: 'SPA/Views/Login.html',
            controller: 'LoginController'
        })
        .otherwise({
            redirectTo: function () {
                return '/';
            }
        });
}

configFunction.$inject = ['$routeProvider', '$httpProvider'];

App.config(configFunction);</code></pre>
</div>
</div>
</p>

<p>My Index.cshtml:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
  &lt;head&gt;
    &lt;script src="~/Scripts/angular.min.js"&gt;&lt;/script&gt;
    &lt;script src="~/Scripts/angular-route.min.js"&gt;&lt;/script&gt;
    &lt;script src="~/Scripts/angular-animate.js"&gt;&lt;/script&gt;
    &lt;script src="~/Scripts/jquery-1.10.2.min.js"&gt;&lt;/script&gt;
    &lt;script src="~/Scripts/angular.js"&gt;&lt;/script&gt;
    &lt;script src="~/Scripts/angular-route.js"&gt;&lt;/script&gt;

    &lt;link href="~/Content/font-awesome.min.css" rel="stylesheet" /&gt;
    &lt;link href="~/Content/bootstrap.min.css" rel="stylesheet" /&gt;
    &lt;link href="~/Content/bootstrap-theme.min.css" rel="stylesheet" /&gt;
    &lt;script src="~/Scripts/bootstrap.min.js"&gt;&lt;/script&gt;
    &lt;script src="~/Scripts/angular-ui/ui-bootstrap-tpls.min.js"&gt;&lt;/script&gt;

    &lt;script src="~/SPA/Controller/RegisterController.js"&gt;&lt;/script&gt;
    &lt;script src="~/SPA/Controller/LoginController.js"&gt;&lt;/script&gt;
    &lt;script src="~/SPA/Controller/MainController.js"&gt;&lt;/script&gt;
    &lt;script src="~/SPA/ApiService.js"&gt;&lt;/script&gt;
    &lt;script src="~/SPA/App.js"&gt;&lt;/script&gt;

    &lt;base hhref="http://localhost:53544/#/" /&gt;

&lt;/head&gt;
&lt;body style="background-color:#34515E"&gt;

    &lt;div ng-app="App" ng-controller="MainController"&gt;
        
        &lt;nav role="navigation" class="navbar navbar-inverse"  style="height:50px"&gt;
            &lt;div class="container-fluid"&gt;

                &lt;div class="navbar-header"&gt;
                    @*&lt;button type="button" class="navbar-toggle collapse" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"&gt;
                            &lt;span class="sr-only"&gt;Toggle Navigation&lt;/span&gt;
                            &lt;span class="icon-bar"&gt;&lt;/span&gt;
                            &lt;span class="icon-bar"&gt;&lt;/span&gt;
                            &lt;span class="icon-next"&gt;&lt;/span&gt;
                        &lt;/button&gt;*@
                    &lt;a class="navbar-brand" href="#" style="color:white"&gt;Home&lt;/a&gt;
                &lt;/div&gt;

                &lt;div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"&gt;
                    &lt;ul class="nav navbar-nav"&gt;&lt;/ul&gt;
                    &lt;form class="navbar-form navbar-nav navbar-left"&gt;
                        &lt;div class="form-group"&gt;
                            &lt;input type="text" class="form-control" placeholder="Szukaj" style="width:250px" /&gt;
                        &lt;/div&gt;
                        &lt;button type="submit" class="btn btn-default"&gt;Search&lt;/button&gt;
                        &lt;button type="button" class="btn btn-primary"&gt;Search advanced&lt;/button&gt;
                    &lt;/form&gt;

                    &lt;ul class="nav navbar-nav navbar-right"&gt;
                        &lt;li&gt;&lt;a href="#Login" style="color:white"&gt;Sign in&lt;/a&gt;&lt;/li&gt;
                        &lt;li role="separator" class="divider"&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="#Register" style="color:white"&gt;Sign up&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/nav&gt;


        &lt;div id="sideBar" class="sidebar-offcanvas"&gt;
            &lt;div class="col-md-2"&gt;
                &lt;ul class="nav nav-pills nav-stacked"&gt;
                    &lt;li class="nav-divider" style="background-color:white"&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#" style="color:white"&gt;Home&lt;i class="fa fa-home fa-fw fa-pull-right"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                    &lt;li class="nav-divider" style="background-color:white"&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#Register" style="color:white"&gt;Sign up&lt;i class="fa fa-user-plus fa-pull-right"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                    &lt;li class="nav-divider" style="background-color:white"&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#Login" style="color:white"&gt;Sign in&lt;i class="fa fa-sign-in fa-pull-right"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                    &lt;li class="nav-divider" style="background-color:white"&gt;&lt;/li&gt;
                &lt;/ul&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;div ng-view&gt;&lt;/div&gt;
    &lt;/div&gt;

  

&lt;/body&gt;
&lt;/html&gt;</code></pre>
</div>
</div>
</p>