gpt4 book ai didi

javascript - AngularJS 1.6 路由不工作

转载 作者:可可西里 更新时间:2023-11-01 02:29:14 25 4
gpt4 key购买 nike

我正在尝试创建我的第一个 Angular 应用程序。但它根本不起作用。我不知道出了什么问题。我检查了控制台,但没有错误。

<head>
<meta charset="utf-8">
<script src="https://code.angularjs.org/1.6.0/angular.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular-route.js"></script>
</head>
<body ng-app="myApp">
<h1>Test angular</h1>
<a href="#/">Main</a>
<a href="#sec">Second</a>
<a href="#th">Third</a>
<div ng-view></div>
</body>

<script>
var app = angular.module("myApp", ["ngRoute"]);
app.config(function($routeProvider) {
$routeProvider
.when("/", {
templateUrl : "main.html"
})
.when("/sec", {
templateUrl : "sec.html"
})
.when("/th", {
templateUrl : "th.html"
});
});
</script>

谁能帮帮我?

最佳答案

Angular 1.6 中的路由从 #/myUrl 更改为 #!/myUrl

您应该将您的 ref 更改为:

<a href="#!/">Main</a>
<a href="#!/sec">Second</a>
<a href="#!/th">Third</a>

参见 this answer如果你想删除这个前缀。

关于javascript - AngularJS 1.6 路由不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41185392/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com