无法加载定制过滤器，未知提供商错误

Question

我研究了这本书 "Angular JS by example"（第 79-84 页），并在第二章中创建了一个定制过滤器。

这是包含所有模块声明的 js 文件 (appModule.js)

//root module
angular.module('app', ['ngRoute','7minWorkout']).
config(function ($routeProvider, $locationProvider, $sceDelegateProvider){
//...

//seven min workout app module
angular.module('7minWorkout', []);

此文件包含定制过滤器（filters.js）

angular.module('7minWorkout').filter('secondsToTime', function () {
//...

7minWorkout 模块的唯一控制器在 workout.js

angular.module('7minWorkout').controller('WorkoutController',['$scope', '$interval','$location',function($scope, $interval,$location){
//...

并且我没有在该文件中使用任何过滤器

最后是这个视图

<h4>Workout Remaining - {{workoutTimeRemaining | secondsToTime}}</h4>

我明白了

Error: [$injector:unpr] Unknown provider: secondsToTimeFilterProvider <- secondsToTimeFilter

我红色 this 页面，但我不知道如何继续解决这个问题。在创建定制过滤器之前，我的应用程序没有任何问题。有帮助吗？

提前致谢

Answer 1

我的猜测是您缺少对主 html 文件中文件的引用。

您是否添加了对您添加的所有新 javascript 文件的引用？

Answer 2

你的代码看起来很适合我。

由于您在每个文件中分离了各种组件，因此您需要在 index.html

上引用这些文件

您一定没有在 index.html

中提及 filter.js

无法加载定制过滤器，未知提供商错误

cannot load custom-made filter , Unknown Provider error

javascript

dependency-injection

angularjs

angularjs-filter