带有ngRoute和angularjs的路线
我刚开始学习AngularJS,我试着用AngularRoute,但没法用带有ngRoute和angularjs的路线,angularjs,routes,Angularjs,Routes,我刚开始学习AngularJS,我试着用AngularRoute,但没法用 <html xmlns="http://www.w3.org/1999/xhtml" data-ng-app="fantasySportsApp"> <head> <title></title> </head> <body> <link type="text/css" rel="stylesheet" href="Content/Sty
<html xmlns="http://www.w3.org/1999/xhtml" data-ng-app="fantasySportsApp">
<head>
<title></title>
</head>
<body>
<link type="text/css" rel="stylesheet" href="Content/Style/bootstrap.min.css"/>
<!--Placeholder for views-->
<div data-ng-view="">
Hejsan
<a href="#/login">ge</a>
</div>
<script src="Content/Scripts/jQuery-1.11.0.js"></script>
<script src="Content/Scripts/jquery-ui.js"></script>
<script src="Content/Scripts/angular.min.js"></script>
<script src="Content/Scripts/angular-route.js"></script>
<script src="App/app.js"></script>
<script src="Content/Scripts/bootstrap.min.js"></script>
</body>
</html>
当我开始我的页面时,我会找到这个url:localhost:26283/index.html#/index,但它不会显示任何内容。这一页是空的。如果我检查html,我会在代码中发现:“think”表示我尝试路由到的部分视图应该启动,但标记下没有任何内容。
可能是什么问题?嗯,您还没有为
/index
配置任何路由。仅适用于/login
和/startPage
。如果不指定,应该使用哪个控制器和视图?我尝试了以下方法:。否则({controller:'indexController',templateUrl:'/index.html'});但这最终导致了一个无限循环,它推送了标签:在html中,每秒4-5次您的初始,否则就可以了。但它会重定向到您尚未定义的路由/index
。像定义其他两条路线一样定义它:使用when()
@JBNizet谢谢!现在第一页开始工作了。但是,当我按my键时,它仍然显示相同的index.html内容,而不是login.html中的文本框。打开浏览器的开发工具,并查看控制台。这里一定列出了一个错误。
var fantasySportsApp = angular.module('fantasySportsApp', ['ngRoute']);
fantasySportsApp.config(function($routeProvider) {
$routeProvider.when('/login', {
controller: 'userController',
templateUrl: 'App/partials/login.html'
})
.when('/startPage', {
controller: 'startPageController',
templateUrl: '/App/partials/startPage.html'
})
.otherwise({ redirectTo: "/index" });
});