[英]Error: [$injector:unpr] Unknown provider: interpolateFilterProvider <- interpolateFilter
I am using this angular-seed project https://github.com/angular/angular-seed and replaced ng-route with ui-router. 我正在使用这个有角度的种子项目https://github.com/angular/angular-seed并将ng-route替换为ui-router。 It is almost done by i didn't find how to solve this error. 我几乎找不到解决此错误的方法。
angular.js:9503 Error: [$injector:unpr] Unknown provider: interpolateFilterProvider <- interpolateFilter http://errors.angularjs.org/1.2.13/ $injector/unpr?p0=interpolateFilterProvider%20%3C-%20interpolateFilter at angular.js:78 at angular.js:3556 at Object.getService [as get] (angular.js:3683) at angular.js:3561 at Object.getService [as get] (angular.js:3683) at Parser.$filter (angular.js:13972) at Parser.filter (angular.js:10090) at Parser.filterChain (angular.js:10081) at Parser.statements (angular.js:10056) at Parser.parse (angular.js:9935) angular.js:9503错误:[$ injector:unpr]未知提供程序:interpolateFilterProvider <-interpolateFilter http://errors.angularjs.org/1.2.13/ $ injector / unpr?p0 = interpolateFilterProvider%20%3C-%20interpolateFilter at解析器的Object.getService [获取](angular.js:3683)的angular.js:3561处的angular.js:3556的angular.js:3556的angular.js:785。 Parser的$ filter(angular.js:13972).parser.filter(angular.js:10090)在Parser.filterChain(angular.js:10081)在Parser.statements(angular.js:10056)在Parser.parse(angular.js) :9935)
Here is my full code 这是我的完整代码
var myApp=angular.module('myApp', [
'ui.router',
'myApp.view1',
'myApp.view2'
]);
myApp.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/view1');
}]);
var myApp = angular.module('myApp.view1', ['ui.router']);
myApp.config(function($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/view1');
$stateProvider
.state('view1', {
url: '/view1',
templateUrl: 'view1/view1.html',
controller: 'View1Ctrl'
});
});
myApp.controller('View1Ctrl', [function() {
}]);
var myApp = angular.module('myApp.view2', ['ui.router']);
myApp.config(function($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/view2');
$stateProvider
.state('view2', {
url: '/view2',
templateUrl: 'view2/view2.html',
controller: 'View2Ctrl'
});
});
myApp.controller('View2Ctrl', [function() {
}]);
<div ui-view>This is the partial for view 1.</div>
<p>This is the partial for view 2.</p>
<p>
Showing of 'interpolate' filter:
{{ 'Current version is v%VERSION%.' | interpolate }}
</p>
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>My AngularJS App</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="bower_components/html5- boilerplate/dist/css/normalize.css">
<link rel="stylesheet" href="bower_components/html5-boilerplate/dist/css/main.css">
<link rel="stylesheet" href="app.css">
<script src="bower_components/html5-boilerplate/dist/js/vendor/modernizr-2.8.3.min.js"></script>
<script src="http://code.angularjs.org/1.2.13/angular.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.8/angular-ui-router.min.js"></script>
</head>
<body ng-app="myApp">
<div ui-view></div>
<ul class="menu">
<li><a ui-sref="view1">view1</a></li>
<li><a ui-sref="view2">view2</a></li>
</ul>
<div>Angular seed app: v<span app-version></span></div>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="app.js"></script>
<script src="view1/view1.js"></script>
<script src="view2/view2.js"></script>
<script src="components/version/version.js"></script>
<script src="components/version/version-directive.js"></script>
<script src="components/version/interpolate-filter.js"></script>
</body>
</html>
Try injecting myApp.version
on your app.js. 尝试将myApp.version
注入到您的app.js中。
var myApp=angular.module('myApp', [
'ui.router',
'myApp.view1',
'myApp.view2',
'myApp.version'
]);
myApp.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/view1');
}]);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.