未知提供者:$templateRequestProvider <- $templateRequest <- $route <- ngViewDirective - IT屋-程序员软件开发技术分享社区
首页
其他开发
未知提供者:$templateRequestProvider <- $templateRequest <- $route <- ngViewDirective
未知提供者:$templateRequestProvider <- $templateRequest <- $route <- ngViewDirective
[英] Unknown provider: $templateRequestProvider <- $templateRequest <- $route <- ngViewDirective
本文介绍了未知提供者:$templateRequestProvider <- $templateRequest <- $route <- ngViewDirective的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我刚开始使用 angular.js,我看了一些旧的 tuts.其中 ng-route 不是依赖项,因此我更改了代码并在 html 中添加了 <script src="js/vendor/angular-route.js"></script>
,但我得到了同样的错误 Unknown provider: $templateRequestProvider <- $templateRequest <- $route <- ngViewDirective
HTML:
<html class="no-js" lang="en"><头><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>头部><身体><div ng-app="app"><ng-view></ng-view>
</html>
JS:
var app = angular.module("app", ['ngRoute']);app.config(['$routeProvider', function($routeProvider){$routeProvider.when("/",{templateUrl: "templates/home.html",控制器:AppCtrl"});}]);app.controller("AppCtrl", function($scope){$scope.model = {消息:这是我的应用程序!!!"}});
home.html:
{{model.message}}
解决方案
我在使用 angular-route 1.3.14 和 angular 1.2.14 时遇到了这个问题,您需要将 angular 升级到 angular-route 所需的版本.这里angular-route 1.3.14的bower,需要angular 1.3.14.
<代码>{"name": "角度路线","版本": "1.3.14","main": "./angular-route.js",忽略": [],依赖关系":{角度":1.3.14"},"主页": "https://github.com/angular/bower-angular-route","_release": "1.3.14",_解析度": {"类型": "版本","标签": "v1.3.14",提交":a405245afdb0f1eac5aad4d8ddc555ed557b3345"},"_source": "git://github.com/angular/bower-angular-route.git","_target": "1.3.14","_originalSource": "角度路线"}
I'm just starting with angular.js and I watched some older tuts. where ng-route was not a dependency, so I have changed my code and added <script src="js/vendor/angular-route.js"></script>
in html, but I'm getting the same error 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>
解决方案
I met the issue when using angular-route 1.3.14 and angular 1.2.14 , You need to upgrade angular to version required by angular-route . Here the bower of angular-route 1.3.14 , it require 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"
}
这篇关于未知提供者:$templateRequestProvider <- $templateRequest <- $route <- ngViewDirective的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文