1

嘿，我已经开始学习 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
4

1 回答 1

4

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

其次，您正在使用 some 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。

于 2014-01-07T10:46:26.380 回答