ルーティングはなぜ機能しませんか？

Question

私は新しい角度にあり、私のルーティングが機能するようにしようとしています。それは何も来ていない。

私はdreamweaverを使用していますが、「角度が定義されていません」というエラーメッセージが表示されますが、jsファイルはヘッダーの角度の後に配置されますか？

リンクをクリックすると、私に何かを誘導せず、何も表示されません。コードが壊れているか、またはng-viewを正しく設定していないと思われます。

誰でも作業を進める方法についてアドバイスできますか？

<header class="hidden-sm" > 
    <link rel="stylesheet" type="text/css" 
    href="bower_components/bootstrap/dist/css/bootstrap.css"> 
    <link href="https://fonts.googleapis.com/css? 
    family=Droid+Serif|Roboto:300" 
    rel="stylesheet"> 
    <script type="text/javascript" src="bower_components/angular/angular.min.js"></script> 
    <script type="text/javascript" src="bower_components/angular-route/angular-route.min.js"></script> 
    <link rel="stylesheet" type="text/css" href="css/main.css"> 

</header> 

<nav class="container" id="main-nav"> 
    <ul id="navlist"> 
     <li class="navli"><a href="#/build">Build a PC</a></li>- 
     <li class="navli"><a href="#/about">About Us</a></li>- 
     <li class="navli"><a href="#/"><img src="images/hive32color.png" 
    alt="bee-logo"></a></li>- 
     <li class="navli"><a href="#/contact">Contact Us</a></li>- 
     <li class="navli"><a href="#/inside">Inside our Machines</a></li> 
    </ul> 
</nav> 



<section class="container"> 

    <div class="col-lg-9" ng-view> 


    </div> 

    <aside class="col-lg-3"> 

    </aside> 

    </section> 

    <script type="text/javascript" src="js/common.js"></script> 
    <script type="text/javascript" src="js/controller.js"></script> 
    </body> 

angular.module('myApp', ['ngRoute','RouteControllers']); 

angular.module('myApp').config(function($locationProvider, $routeProvider) { 
    $locationProvider.html5Mode(true); 
    $routeProvider 
    .when('/',{ 
     templateUrl:'templates/about.html', 
      controller:'AboutController' 
     }) 
    .when('/build',{ 
     templateUrl:'templates/build.html', 
      controller:'BuildController' 
     }) 
    .when('/contact',{ 
     templateUrl:'templates/contact.html', 
      controller:'ContactController' 
     }) 
    .when('/inside',{ 
     templateUrl:'templates/inside.html', 
      controller:'InsideController' 
     }); 

}); 

編集：私は、Webサーバーを実行していない気づいた、私は今それをやってきたし、それはまだ動作していません！

Answer 1

hrefに "＃"の後に "/"を追加する必要はありません。参照のためにhref = "＃連絡先"を試してくださいhttps://scotch.io/tutorials/single-page-apps-with-angularjs-routing-and-templating