Html ngRoute在angularjs控制器中不点火_Html_Angularjs_Routing_Ngroute_Route Provider

Html ngRoute在angularjs控制器中不点火

html angularjs routing

Html ngRoute在angularjs控制器中不点火,html,angularjs,routing,ngroute,route-provider,Html,Angularjs,Routing,Ngroute,Route Provider,我创建了一个简单的应用程序来测试ngRoute。我有一个名为index.html的主页，其中一个链接指向一个名为informationdisplay.html的页面。我已经在主页的控制器中设置了路由，但它不起作用下面是index.html代码 <html> <head> <title>Ng route test</title> <script src="https://ajax.googleapis.com

我创建了一个简单的应用程序来测试ngRoute。我有一个名为index.html的主页，其中一个链接指向一个名为informationdisplay.html的页面。我已经在主页的控制器中设置了路由，但它不起作用

下面是index.html代码

<html>

 <head>
   <title>Ng route test</title>
       <script    

src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"> 
       </script>
       <script type="text/javascript" src="Scripts/main.js"></script>
</head>


<body>
  <h2> Select Location from List</h2>
  <a href="#info">Information</a>      
</body>    
</html>

您没有配置好几件事情

应将ng view指令添加到index.html中，以便在该位置加载路由模板。 href=info应该是href=/info 将重定向更改为，信息

var mainApp = angular.module("mainApp",['ngRoute']);

mainApp.config(function ($routeProvider) {

    $routeProvider.when('/info', {
        templateUrl: 'informationdisplay.html',
        controller: 'informationController'
    }).otherwise({ redirectTo: '/' });

});

mainApp.controller('mainController', function ($scope,$rootScope) {
   });

<body>
  <h2> Select Location from List</h2>
  <a href="#/info">Information</a>
  <div ng-view></div>
</body>