这是我的代码，
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
</head>
<body>
<script src="lib/jquery.min.js"></script>
<script src="lib/angular.min.js"></script>
<script src="lib/angular-route.js"></script>
<script src="lib/bootstrap.min.js"></script>
<div class="container">
<li><a href="#NewEvent">Add New Event</a>
</li>
<li><a href="#DisplayEvent">Display Event</a>
</li>
<div ng-view></div>
</div>
</body>
<script type="text/javascript">
var app = angular.module("myApp", ['ngRoute']);
app.config(['$routeProvider', function($routeProvider) {
$routeProvider.
when('/NewEvent', {
templateUrl: 'add_event.html',
controller: 'AddEventController'
}).
when('/DisplayEvent', {
templateUrl: 'show_event.html',
controller: 'ShowDisplayController'
}).
otherwise({
redirectTo: '/DisplayEvent'
});
}]);
app.controller("AddEventController", function($scope) {
$scope.message = "This is Add New Event";
});
app.controller("ShowDisplayController", function($scope) {
$scope.message = "This is Display Event";
});
</script>
</html>
当我按照代码中写入的方式加载此页面时，它默认显示显示事件，默认网址为 http://localhost:8017/angular/angular5.php#!/DisplayEvent< br/>
但是当我单击“添加新事件”链接时，网址将更改为 http://localhost:8017/angular/angular5.php#!/DisplayEvent#NewEvent 并且 View 部分中没有任何变化。要手动查看新的事件 View ，我将 url 更改为 http://localhost:8017/angular/angular5.php#!/NewEvent 如何解决此问题。
最佳答案
您应该提供前缀为 #! 的链接。
<li><a href="#!NewEvent">Add New Event</a></li>
<li><a href="#!DisplayEvent">Display Event</a></li>
关于javascript - 路由在 Angular js 中无法正常工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45096927/