我的AngularJS路线不起作用
我试图使用angularJS ng路线,但我无法使其工作 index.html我的AngularJS路线不起作用,angularjs,routes,ngroute,Angularjs,Routes,Ngroute,我试图使用angularJS ng路线,但我无法使其工作 index.html <!DOCTYPE html> <html ng-app="myApp"> <head> <meta charset="utf-8" /> <title></title> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.js"
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="utf-8" />
<title></title>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-resource.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-route.js"></script>
<link href="lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="lib/bootstrap/dist/css/bootstrap-theme.min.css" rel="stylesheet" />
<script src="app.js"></script>
</head>
<body ng-cloak>
<div ng-controller="myController">
<table>
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>Type</th>
</tr>
</thead>
<tbody>
<tr class="table-bordered" ng-repeat="my in mines">
<td>{{my.ID}}</td>
<td>{{my.Name}}</td>
<td>{{my.Type}}</td>
<td><a href="#/edit/{{my.ID}}" class="glyphicon glyphicon-edit"></a></td>
</tr>
</tbody>
</table>
<div ng-view></div>
</body>
</html>
我知道Angular应该将ng view div
的内容替换为edit.html
内容(目前仅为hello world文本),但浏览器正在将我重定向到一个不可抗拒的页面(localhost/edit/ID)
我做了什么错事
编辑:
由于评论,我不再被重定向到错误的页面,但是
ng view div
没有被替换/填充。应该是href=“#/edit/{{{my.ID}}”
将
添加到你的hrefhref=“#/edit/{my.ID}}”
这并没有解决问题。。在angular doc about routing()中没有#HTML5Mode默认为false,如果您使用$locationProvider.HTML5Mode(true)打开它,则可以避免使用哈希;好的,谢谢你的反馈,我激活了html5,现在它不再重定向,但仍然没有填充ng视图:-(
(function () {
'use strict';
angular.module('myApp', [
'ngRoute'
])
.config(['$routeProvider', function ($routeProvider) {
$routeProvider
.when('edit/:ID', {
templateUrl: 'edit.html',
controller: 'myController'
})
}]);
})();