angularjs $routeProvider 的问题答案

【问题标题】：problems with angularjs $routeProviderangularjs $routeProvider 的问题
【发布时间】：2014-01-07 10:36:15
【问题描述】：

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

【问题讨论】：

如何运行它以及控制台消息是什么？另外，显示您的 index.html 文件。
我已经添加了我的 index.html 并回答你的问题，我使用 USBWebserver 运行它，我知道它对 php 之外的任何其他东西几乎没有用，但我已经习惯了：p。跨度>
@BWI 更新了答案。

标签： angularjs route-provider

【解决方案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。

【讨论】：

好吧，我知道问题出在哪里了
@BWI Twitter Bootstrap 依赖于 jQuery，因为它是一个 jQuery 插件。