Angular Js布线工作不正常
Angular Js routing not working properly
我是angularjs的新手。我已经做了所有关于路由的事情,但它不起作用。我希望我的主页将成为默认页面。每当我打开index.php页面时,它都会显示黑屏。这是我的代码,
//index.php
<body ng-app="app">
<!-- HEADER AND NAVBAR -->
<header>
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="/angularjs">Angular JS Practice</a>
</div>
<ul class="nav navbar-nav navbar-right">
<li><a href="#home"><i class="fa fa-home"></i> Home</a></li>
<li><a href="#students"><i class="fa fa-shield"></i> Student</a></li>
</ul>
</div>
</nav>
</header>
<div class="container-fluid">
<div ng-view></div>
<script type = "text/ng-template" id = "home.htm">
<h2> {{pagename}} </h2>
{{message}}
</script>
<script type = "text/ng-template" id = "students.htm">
<h2> {{pagename}} </h2>
{{message}}
</script>
</div>
<!--1.4.8-->
<script src="js/angular.min.js"></script>
<script src="js/angular-route.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/app.js"></script>
</body>
App.js
var app=angular.module('app',['ngRoute']);
app.config(['$routeProvider',function($routeProvider){
$routeProvider.when("/",{
templeteUrl:"home.htm",
controller:'myctrl'
}).when("/students",{
templateUrl:"students.htm",
controller:"studentCtrl"
}).otherwise({
templateUrl:"404.php",
controller:"notfoundCtrl"
})
}]);
app.controller("notfoundCtrl",function($scope){
$scope.pagename='Not Found';
$scope.message='The page you are request not found';
});
app.controller("studentCtrl",function($scope){
$scope.pagename='Students';
$scope.message="This is student page";
});
app.controller("myctrl",function($scope){
$scope.pagename="Home Page";
$scope.message="This is home page";
});
您编写了templeteUrl:"home.htm"
,可以尝试将其更改为templateUrl:"home.htm"
吗?
您有语法错误:templateUrl instead of templeteUrl
相关文章:
- Javascript.getHours()工作不正常
- 为什么不是't窗口.恢复正常工作吗?(javascript/jquery)
- 谷歌分析跟踪内部链接不正常工作的事件
- 电话间隙 2.8 位置:固定不正常工作
- GMT . sehours不正常工作
- Jquery幻灯片效果不正常工作
- D3拖动不正常工作
- Jquery搜索字符串从跨度不正常工作
- 美元的范围.在使用MongoDB的controller.js中编辑不正常工作
- 随机音乐播放通过HTML javascript不正常工作
- 华丽的jQuery图像库插件不正常工作,只有在网站的一部分
- Javascript按钮在时钟当前计时不正常工作
- 导航器显示Internet连接状态.联机不正常工作,并显示错误的状态,而互联网没有连接
- jQuery切换不正常工作的第二次
- 谷歌API自动完成不正常工作
- 触摸结束事件不正常工作在铬
- 如何修复HTML5视频Javascript跟踪代码不正常工作
- 为什么第二次按钮点击不正常工作
- 美元.ajax不正常工作在我的代码
- 切换显示的潜水在道场不正常工作在谷歌Chrome浏览器