Geek Answers Handbook

Unknown provider: $ templateRequestProvider <- $ templateRequest <- $ route <- ngViewDirective

I am just starting with angular.js and I was looking at some old stuff. where ng-route was not dependent, so I changed my code and added <script src="js/vendor/angular-route.js"></script>to html, but I get the same errorUnknown 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>
+4
source share
1 answer

I ran into a problem when using angular -route 1.3.14 and angular 1.2.14, you need to update angular to the version required by angular -route. Here bower angular -route 1.3.14, this requires 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"
}
+1
source

More articles:


All Articles