未知提供者：$templateRequestProvider <- $templateRequest <- $route <- ngViewDirective答案

【问题标题】：Unknown provider: $templateRequestProvider <- $templateRequest <- $route <- ngViewDirective未知提供者：$templateRequestProvider <- $templateRequest <- $route <- ngViewDirective
【发布时间】：2014-11-19 01:29:41
【问题描述】：

我刚从 angular.js 开始，我看了一些较旧的 tuts。其中 ng-route 不是依赖项，所以我更改了代码并在 html 中添加了<script src="js/vendor/angular-route.js"></script>，但我得到了同样的错误Unknown provider: $templateRequestProvider <- $templateRequest <- $route <- ngViewDirective

HTML：

<!doctype html>
<html class="no-js" lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>test</title>
  <link rel="stylesheet" href="css/foundation.css" />
  <link rel="stylesheet" href="css/main.css" />
  <script src="js/vendor/modernizr.js"></script>
  <script src="js/vendor/angular.js"></script>
  <script src="js/vendor/angular-route.js"></script>
  <script src="js/vendor/main.js"></script>
</head>
<body>
  <div ng-app="app">
    <ng-view></ng-view>
  </div>

</body>
</html>

JS：

var app = angular.module("app", ['ngRoute']);

app.config(['$routeProvider', function($routeProvider){
  $routeProvider.when("/",{
    templateUrl: "templates/home.html",
    controller: "AppCtrl"
  }
  );
}]);

app.controller("AppCtrl", function($scope){
  $scope.model = {
    message: "This is my app!!!"
  }
});

home.html:

<h1>{{model.message}}</h1>

【问题讨论】：

看看这是否有效stackoverflow.com/questions/26213627/…
大声笑我读了 5 次，在你提到之后我又读了一遍，然后升级到最新的 1.3.3 就可以了。
啊谢谢！随便抓了一个angular的cdn，抓了一个很老的版本，一直没注意

标签： angularjs angularjs-directive angularjs-scope

【解决方案1】：

我在使用 angular-route 1.3.14 和 angular 1.2.14 时遇到了问题，您需要将 angular 升级到 angular-route 所需的版本。这里是 angular-route 1.3.14 的凉亭，它需要 angular 1.3.14。

{
    "name": "angular-route",
    "version": "1.3.14",
    "main": "./angular-route.js",
    "ignore": [],
    "dependencies": {
        "angular": "1.3.14"
    },
    "homepage": "https://github.com/angular/bower-angular-route",
    "_release": "1.3.14",
    "_resolution": {
        "type": "version",
        "tag": "v1.3.14",
        "commit": "a405245afdb0f1eac5aad4d8ddc555ed557b3345"
    },
    "_source": "git://github.com/angular/bower-angular-route.git",
    "_target": "1.3.14",
    "_originalSource": "angular-route"
}

【讨论】：