代码之家 › 专栏 › 技术社区 › Xserge

Ng路由不工作(脱机)

angular2-routing angularjs

Xserge · 技术社区 · 6 年前

这是我的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>

这是审判。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,所有代码(包含的文件夹)都与我的索引位于同一目录中。html。请帮忙!

1 回复 | 直到 6 年前

Leon Marzahn 6 年前

尝试以下操作:

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

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

2 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

2 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

2 年前

jieunbi · 按日期排序数组(最新优先)

2 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

2 年前

Stradosphere · 如何防止ng bind html添加结束标记?

6 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

6 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

6 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

6 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

6 年前