求找出angular的一个低级错误?

刚接触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>

很简单的目录结构……
clipboard.png

但是看上去是很复杂的报错信息:

根据经验判断,一定是一个很低级的错误……求助!!
clipboard.png

另外还有个问题,js代码的第一行angular.module("myRouteApp", ["ngRoute"]),
这个ngRoute是什么?

谢谢~~

阅读 2.6k
4 个回答

建议楼主可以看下AngularAMD https://segmentfault.com/a/1190000004617414

楼主的问题,控制台已经回答了,你必须允许在web服务器,可以使用 gulp-webserver

angular.module("myRouteApp", ["ngRoute"]) 引入第三方模块,ngRoute是在angular.route.js中定义的

异步请求的模板是需要在服务器环境下,你可以试一下火狐浏览器那个东西异步不需要服务器环境

报错报的很清楚,跨域了么

推荐问题
宣传栏