javascript - 求找出angular的一个低级错误？-PHP中文网问答

刚接触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>
    <p>
    <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>
</p>
<p ng-view></p>
<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是什么？

谢谢~~

全部回复(4)

迷茫2017-04-10 17:42:55 4楼

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

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

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

赞 +0

添加回复

巴扎黑2017-04-10 17:42:55 3楼

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

巴扎黑2017-04-10 17:42:55 2楼

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

天蓬老师2017-04-10 17:42:55 1楼

需要引入这个文件:
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular-route.js"></script>
而且运行路由需要在本地搭建一个服务器，可以使用wampserver,一个集成软件，便于本地测试，
之前我写过一个demo，是路由控制页面跳转的，地址：http://yulei521.github.io/shop_transaction_demo/
希望有所帮助。