刚接触angularJS,接触到路由,想必是犯了一个什么低级错误,一个很简单的路由功能都不正常运作!代码如下:
<!DOCTYPE html>
<html ng-app="myRouteApp">
<head>
<title></title>
<script src="jquery-1.11.2.min.js"></script>
<script src="angular.min.js"></script>
<script src="angular-route.min.js"></script>
</head>
<body>
<div>
<ul>
<li><a href="#page1">go page 1</a></li>
<li><a href="#page2">go page 2</a></li>
<li><a href="#other">to other page</a></li>
</ul>
</div>
<div ng-view></div>
<script type="text/javascript">
angular.module("myRouteApp", ["ngRoute"])
.config(['$routeProvider', function ($routeProvider) {
$routeProvider
.when("/page1", {
templateUrl: "page1.html"
})
.when("/page2", {
templateUrl: "page2.html"
})
.otherwise({
redirectTo: "/"
});
}]);
</script>
</body>
</html>
很简单的目录结构……
但是看上去是很复杂的报错信息:
根据经验判断,一定是一个很低级的错误……求助!!
另外还有个问题,js代码的第一行angular.module("myRouteApp", ["ngRoute"])
,
这个ngRoute是什么?
谢谢~~
建议楼主可以看下AngularAMD https://segmentfault.com/a/1190000004617414
楼主的问题,控制台已经回答了,你必须允许在web服务器,可以使用 gulp-webserver
angular.module("myRouteApp", ["ngRoute"])
引入第三方模块,ngRoute是在angular.route.js中定义的