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

求找出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>

很简单的目录结构……

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

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

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

谢谢~~


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


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

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

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


需要引入这个文件:
<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/
希望有所帮助。


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

【热门文章】
【热门文章】