Ng-route 不工作（离线）

Question

这是我的 HTML 代码：

<!DOCTYPE html>
<html lang ="en-Us">
<head>
<title>Angular SPA</title>
<meta chafset ="UTF-8" meta name="viewport" content= "width=device-width, initial-scale= 1.0">
<link rel = 'stylesheet' href = 'style.css'/>
<script src = "angular-1.6.9\angular.min.js"></script>
<script src = "angular-1.6.9\angular-route.js"></script>
<script src= "trial.js"></script>
</head>
<body ng-app ="myApp">
It is a fact that the best programmers are: 
<p><a href ="#men">Men</a></P>
<p><a href ="#women">Women</a></P>
<div ng-view></div>
</body>
</html>

这是 trial.js:

var ra = angular.module('myApp',['ngRoute']);
ra.config(['$routeProvider', function($routeProvider) {
$routeProvider
.when('/men', {
template: '<h1>Of course, So true</h1>'})
.when('/women', {
templateUrl: 'test.html'});
}]);

这个主要问题是路由不工作。相反，我得到： http://localhost/set%201/#!#men 页面上没有任何变化。我正在使用 Angular js 1.6.9，所有代码（包含的文件夹）都在与我的 index.html 相同的目录中。请帮忙！

Answer 1

试试这个：

<p><a href ="/men">Men</a></p>
<p><a href ="/women">Women</a></p>

Ng-route 不工作（离线）

Ng-route not working (Offline)

angularjs

angular2-routing