ngRoute 不会在 angularjs 控制器中触发
ngRoute does not fire in angularjs controller
我创建了一个简单的应用程序来测试 ngRoute。我有一个名为 index.html 的主页,其中有一个 link 到一个名为 "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"
将 redirectTo 更改为 info
<body>
<h2> Select Location from List</h2>
<a href="#/info">Information</a>
<div ng-view></div>
</body>
我创建了一个简单的应用程序来测试 ngRoute。我有一个名为 index.html 的主页,其中有一个 link 到一个名为 "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"
将 redirectTo 更改为
info
<body> <h2> Select Location from List</h2> <a href="#/info">Information</a> <div ng-view></div> </body>