Angular ng route

Question

Я пытаюсь настроить эти маршруты ниже, но когда я тестирую, они не работают, может кто-то, пожалуйста, помогите мне в этом. Когда я нажимаю на любую из ссылок ниже, они не работают

'use strict' 
var myApp = angular.module("myApp", ["ngRoute", 'firebase']); 

    myApp.constant('FIREBASE_URL', 'myfirebase Url'); 

myApp.config(['$routeProvider','$locationProvider', function($routeProvider, $locationProvider){ 

$routeProvider 
    .when('/', 
     {templateUrl:'partials/home.html', 
      controller: 'mainController' 
     }) 
    .when('/login', { 
     templateUrl:'partials/login.html', 
     controller: 'loginSignupController' 

     }) 
    .when('/signup', { 
      templateUrl:'partials/signup.html', 
      controller:'loginSignupController' 
     }) 
    .when('/dash', { 
      templateUrl:'partials/dashboard.html', 
      controller:'mainController' 
     }). 

    otherwise({ 
     redirectTo:'/' 
    }); 

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

Signup.html

<h1>Welcome to Signup</h1> 

<a class="" ng-href="/">Go Home</a> 
<form class="ui form"> 
<div class="field"> 
<label>Username </label> 
<input type="text" name="username" placeholder="Username"> 
</div> 
<div class="field"> 
    <label>Password</label> 
    <input type="password" name="username" placeholder="password"> 
</div> 


<button class="ui button" type="submit" ng-submit="">Signup</button> 
</form> 

login.html Это страница Логин Go Home Имя пользователя Пароль

</div> 
<button class="ui button" type="submit">Login</button> 
</form> 

home.html

<div class="ui container"> 
    <div class="ui large secondary inverted pointing menu"> 
    <a class="toc item"> 
     <i class="sidebar icon"></i> 
    </a> 
    <a class="active item">Home</a> 
    <a class="item">About Us</a> 
    <a class="item">Send</a> 
    <a class="item">Request</a> 
    <a class="item">How it Works</a> 
    <div class="right item"> 
     <a class="ui inverted button" ng-href="partials/login">Log in</a> 
     <a class="ui inverted button" ng-href="partials/signup">Sign Up</a> 
    </div> 
    </div> 
</div> 

Answer 1

var App = angular.module("MyApp", ["ui.router"]); 
MetronicApp.config(['$stateProvider', '$urlRouterProvider',function($stateProvider, $urlRouterProvider) { 
// Redirect any unmatched url 
$urlRouterProvider.otherwise("/dashboard"); 

$stateProvider 

    // Dashboard 
    .state('dashboard', { 
     url: "/dashboard", 
     templateUrl: "views/dashboard.html",    
     data: {pageTitle: 'Dashboard'}, 
     controller: "DashboardController", 

    }) 

home.html

<a href="#/dashboard">