Angular ngRoute更改URL但没有任何反应

时间:2017-04-05 13:09:41

标签: javascript html angularjs

  

当我点击href时,网址发生了变化,但似乎没有任何结果。   我真的不知道问题出在哪里。

这里是索引html

<!DOCTYPE html>
<html ng-app="myApp"> 
  <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-route.js"></script>

    <meta charset="utf-8">
    <title>APP</title>
  </head>
  <body>
    <div>
    <p><a href="#/show">addRecord</a></p>
    <ng-view></ng-view>
  </div>

    <script>
    var app = angular.module("myApp", ['ngRoute']);
    app.config(function($routeProvider) {
      $routeProvider
          .when('/show', {
            templateUrl: 'views/addRecord.html',
          });
    });
    </script>


  </body>
</html>

这是文件夹结构

enter image description here

1 个答案:

答案 0 :(得分:0)

你没有提到过ng-app

 <head ng-app="myApp">

<强> DEMO