Javascript AngularJS路由示例不工作_Javascript_Html_Angularjs_Routes

Javascript AngularJS路由示例不工作

javascript html angularjs routes

Javascript AngularJS路由示例不工作,javascript,html,angularjs,routes,Javascript,Html,Angularjs,Routes,我遵循下面的例子：但我无法让路由正常工作设置：路由示例文件夹 -index.html -app.js -模板文件夹 --添加订单.html --show_order.html index.html <!DOCTYPE html> <html lang="en"> <head> <title>AngularJS Routing example</title> <link href="http://netd

我遵循下面的例子：但我无法让路由正常工作

设置：

路由示例文件夹
-index.html
-app.js
-模板文件夹
--添加订单.html
--show_order.html

index.html

<!DOCTYPE html>
<html lang="en">
  <head>

    <title>AngularJS Routing example</title>

    <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">

    <style>
    body {
      padding-top: 10px;
      background-color: #F5F5F5;
    }
    </style>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="../../assets/js/html5shiv.js"></script>
      <script src="../../assets/js/respond.min.js"></script>
    <![endif]-->
  </head>

  <body ng-app="sampleApp">

    <div class="container">
    <div class="row">
    <div class="col-md-3">
       <ul class="nav">
        <li><a href="#AddNewOrder"> Add New Order </a></li>
        <li><a href="#ShowOrders"> Show Order </a></li>
      </ul>
    </div>
    <div class="col-md-9">
        <div ng-view></div>
    </div>

    </div>

    </div><!-- /.container -->

  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular-route.min.js"></script>
  <script src="app.js"></script>

  </body>
</html>

add_order.html

<h2>Add New Order</h2>

{{ message }}a

<h2>Show Orders</h2>

{{ message }}

添加新订单
{{message}}a

show_order.html

<h2>Add New Order</h2>

{{ message }}a

<h2>Show Orders</h2>

{{ message }}

显示订单
{{message}}

只要单击相应的链接，我就可以访问show_order.html或add_order.html。但是，无论单击哪个链接，屏幕都将显示add_order.html。我添加了angular-route.min.js，所以我不确定为什么不能正确布线。感谢您的帮助

谢谢

链接应将href设置为

#/ShowOrders

和

#/AddNewOrder

：

<li><a href="#/AddNewOrder"> Add New Order </a></li>
<li><a href="#/ShowOrders"> Show Order </a></li>

链接应将href设置为

#/ShowOrders

和

#/AddNewOrder

：

<li><a href="#/AddNewOrder"> Add New Order </a></li>
<li><a href="#/ShowOrders"> Show Order </a></li>