我创建了一个简单的应用程序来测试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>
我在控制器中的代码
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) {
});
你错过了配置几件事。
ng-view
指令index.html
,以便在那个地方加载路由模板。href="#info"
应该是href="#/info"
info
<body>
<h2> Select Location from List</h2>
<a href="#/info">Information</a>
<div ng-view></div>
</body>