Question

嘿，我已经开始学习angularJS了，我对它很陌生，所以我最好的办法就是问别人。

所以当我运行它时，我的$ routeProvider并没有把我发送给任何东西它不会加载任何部分。

我正在使用的当前代码。

angular.module("list" , ['ngRoute' ])
config(function  ($routeProvider) {

    $routeprovide.
        when("/", {templateUrl:"/partials/list.html"})
    })

我的index.html

 <!doctype html>
 <html ng-app="list">
 <head>
 <meta charset="UTF-8">

    <link rel="stylesheet" href="css/Style.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <title>Angular Routing!</title>
    </head>
  <body>
    <div ng-controller="AppCtrl" class="container">
    <a href="#lijst">
        <h2>The List!</h2>
     </a>

        <div ng-view>   </div>

    </div>



<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/X.Y.Z/angular-route.js"></script>
<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
</body>
</html>

编辑：我使用USBWebserver应用程序运行它

控制台错误：

> Failed to load resource: the server responded with a status of 404 (Not Found) 
http://ajax.googleapis.com/ajax/libs/angularjs/X.Y.Z/angular-route.js

Uncaught ReferenceError: config is not defined main.js:2

Uncaught Error: Bootstrap requires jQuery bootstrap.js:7

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.2.7/$injector/modulerr?p0=list&p1=Error%3A%20…20at%20e%20(http%3A%2F%2Flocalhost%3A8080%2Fjs%2Fangular.min.js%3A29%3A115) angular.min.js:30

Answer 1

首先，你的angular-route.js必须包含在angular本身之后

其次，您使用了一些routeprovide，并注入了$routeProvider

你应该这样做：

angular.module("list" , ['ngRoute' ]).
config(function  ($routeProvider) {

$routeProvider.
   when("/", {templateUrl:"/partials/list.html"})
});

在配置方法之前你也忘了点。

而且：

<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/X.Y.Z/angular-route.js"></script>

而且，似乎你的Bootstrap.js需要在它之前包含jQuery。

angularjs $ routeProvider的问题

1 个答案: