Маршрут SpringBoot и Angular JS не проходит к нужной странице

Question

Я использовал Spring Boot и Angular JS приложение.Моя домашняя страница просматривается с моего контроллера, но маршрутизации на новую страницу с использованием углового не происходит,

Угловой JS-код

use strict
    var demoApp = angular.module('app', [ 'ngRoute']); 
    //configure our routes    
    demoApp.config(function($routeProvider) {  

    $routeProvider  

    // route for the home page    
        .when('/', {  
        templateUrl: 'home.html',  
        controller: 'mainController'  
    })  

    // route for the about page    
    .when('/about', {  
        templateUrl: 'views/about.html',  
        controller: 'aboutController'  
    })  

    // route for the contact page    
    .when('/contact', {  
        templateUrl: 'contact.html',  
        controller: 'contactController'  
     });  
    });  

       // create the controller and inject Angular's $scope    
        demoApp.controller('mainController', function($scope) {  
      // create a message to display in our view    
       $scope.HomeMessage = 'Home Controller Called !!!';  
       });  

      demoApp.controller('aboutController', function($scope) {  
        $scope.AboutMessage = 'About Controller Called !!!';  
      });  

     demoApp.controller('contactController', function($scope) {  
        $scope.ContactMessage = 'Contact Controller Called !!!';  
     });  

Spring Boot Code

   @RequestMapping("/main")
   @Controller
   public class HomeController {

    @RequestMapping("/")    
    public String home() {
        return "home";
    }
  }

Я получаю свою домашнюю страницу, но из моего html я перехожу на страницу контактов и контактов, где маршрутизация не происходит

HTML Code

 <ul class="nav navbar-nav navbar-right ">    
            <li><a href="#"><i class="fa fa-home"></i>Home</a></li>    
            <li><a href="#about"><i class="fa fa-shield"></i>About</a></li>    
            <li><a href="#contact"><i class="fa fa-comment"></i>Contact</a> 
  </li>    
  </ul> 

Это домашняя страница, на которой отображается http://localhost:8080/main/#!/, и если япопробуйте перейти к контакту или около него отображается та же страница и добавляется "!"mark http://localhost:8080/main/#!/#about. Может кто-нибудь подсказать, как можно перейти на новую страницу

Got this below error in console


     Error: [$compile:tpload] Failed to load template: 
    home.html (HTTP status: 404 )
http://errors.angularjs.org/1.6.9/$compile/tpload?p0=home.html&p1=404&p2=
    at angular.js:116