gpt4 book ai didi

javascript - Angular 路由不起作用

转载 作者:行者123 更新时间:2023-11-30 17:36:07 25 4
gpt4 key购买 nike

我知道有很多关于路由在 AngularJS 中不起作用的问题。我有同样的问题,在经历了数百个答案后,我决定再次发布这个问题。我在 c:\intepub\wwwroot\angular\的根文件夹中有三个文件,这意味着我正在 IIS 下测试它。现在我的问题是,当我将此 URL 放入浏览器中时:http://localhost/angular/index.html,浏览器将其重定向到:http://localhost/angular/index .html#/ 页面上的文字是:Testing routes

但是,根据代码,它应该去login.html。当我输入 http://localhost/angular/index.html#/test 时,它仍然显示相同的文本:Testing routes。

有什么想法吗?

谢谢

代码如下:

index.html

<!DOCTYPE html>
<html ng-app="app">
<head></head>
<body>
<div>
Testing routes
<div ng-view=""></div>
</div>

<script src="dep/angular/angular.js"></script>
<script src="dep/angular/angular-route.js"></script>

<script>
var app = angular.module('app', ['ngRoute']);

app.config(appRouter);

function appRouter($routeProvider, $locationProvider)
{
$routeProvider
.when('/',
{
templateURL: 'login.html'
})
.when('/test',
{
templateURL: 'test.html'
})
.otherwise({tempate: "otherwise"});
}
</script>
</body>
</html>

login.html

<div>
Login Page
</div>

test.html

<div>
Test page
</div>

最佳答案

使用 templateUrl 而不是 templateURL

以下是 $routeProvider 的属性: http://docs.angularjs.org/api/ngRoute/provider/$routeProvider

这里简单介绍一下如何使用它: http://docs.angularjs.org/tutorial/step_07

关于javascript - Angular 路由不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22006672/

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