为什么我的angularJS路由不工作,chrome'error [$injector:unpr]未知的提供商
why my angularJS route doesn't work, chrome'error [$injector:unpr] Unknown provider
我尝试使用angularJS的路由
但是它不起作用
我不知道为什么
app.js
(function() {
var todoApp;
todoApp = angular.module('todoApp', ['ngRoute']);
todoApp.config([
┊ '$routeProvider', function($routeProvider) {
┊ ┊ $routeProvider.when('todo/day', {
┊ ┊ ┊ template: '<div class="box" ng-class="classname">Edit</div>',
┊ ┊ ┊ controller: function($scope) {
┊ ┊ ┊ ┊ $scope.classname = "edit";
┊ ┊ ┊ }
┊ ┊ }).otherwise({
┊ ┊ ┊ redirecTo: '/todo'
┊ ┊ });
┊ }
]);
todoApp.controller('todoCtrl', function($scope) {
┊ return console.log(123);
});
}).call(this);
这是我的应用程序中的HTML
. html
┊ <div class="five wide column" ng-app="todoApp" ng-controller="todoCtrl">
┊ ┊ <div class="ui segment">
┊ ┊ ┊ <div ng-view></div>
┊ ┊ </div>
┊ </div>
chrome的控制台在这里
Error: [$injector:unpr] Unknown provider: $templateRequestProvider <- $templateRequest <- $route <- ngViewDirective
Error: [$injector:cdep] Circular dependency found: ngViewDirective
首先,确保你在index.html中包含了angular-route.js,如果你还没有这样做的话。你的脚本中有一些错误,如果可以的话,试试这个。
(function() {
var todoApp = angular.module('todoApp', ['ngRoute']);
todoApp.config(['$routeProvider',
function($routeProvider) {
$routeProvider.
when('todo/day', {
template: '<div class="box" ng-class="classname">Edit</div>',
controller: function($scope) {
$scope.classname = "edit";
}
}).otherwise({
redirectTo: '/todo'
});
}
]);
todoApp.controller('todoCtrl', function($scope) {
return console.log(123);
});
}).call(this);
似乎你必须包含angular-route.js,并确保你用ngRoute初始化了你的应用模块。
在你的html中输入:
<script src="bower_components/angular-route/angular-route.js"></script>
初始化你的应用:
var myApp = angular.module('myApplication', ['ngRoute']);
确保你的Routeprovider工作正常,我总是这样写:
myApp.config(function ($routeProvider) {
$routeProvider
.when('/', {
templateUrl: 'views/mainPages/main.html',
controller: 'MainController'
})
.when('/news', {
templateUrl: 'views/mainPages/news.html',
controller: 'NewsController'
})
.otherwise({
redirectTo: '/'
});
})
希望对你有帮助。
尝试使用server运行它。这对我来说很有效。
与eclipse一起运行file>new>Dynamic web project>finish
copy your project files to the web content folder
run it
相关文章:
- Angular $injector:unpr with uibModal
- 在出厂时注入服务错误: [$injector:unpr] 未知提供程序: $scopeProvider <- $scop
- AngularJS $UibModal triggering [$injector:unpr]
- AngularJS中的$injector.unpr错误
- angular.js:13424 Error: [$injector:unpr]
- angular js Error: [$injector:unpr]
- 错误: [$injector:unpr] 未知提供程序: setPageProvider <- setPage
- (IONIC)错误: [$injector:unpr] 未知提供程序: 数据服务提供程序 <- 数据服务<- 身份验证控
- 错误: [$injector:unpr] 未知提供程序 ->,因为 ui 路由器请求了错误的内容
- nggrid - 错误: [$injector:unpr] 未知提供程序: 网格服务提供程序 <- 网格服务<- 家庭控
- Angular Js $injector:unpr error
- angularjs + 下载 csv 文件 + 错误: [$injector:unpr] 未知提供程序
- Angularjs $injector:unpr 在缩小后的运行方法中
- 使用两种模式时出错:[$injector:unpr] 未知提供程序:$modalInstanceProvider <-
- 错误: [$injector:unpr] 未知提供程序: a.
- 实例化模块失败错误:[$injector:unpr]
- AngularJs Error - Uncaught Error: [$injector:unpr]
- 为什么我得到$injector:unpr(未知提供商)在这个单页应用程序
- Angularjs Error: $injector:unpr Unknown Provider with using
- 错误:[$injector:unpr]未知提供商:ngCsv <- ngCsv <- dynamicDemoContro