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

Question

我研究了“Angular JS 示例”(第 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 模块的唯一 Controller 在 workout.js 中

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

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

最后是这个 View

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

我明白了

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

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

提前致谢

Answer 1

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

当您在每个文件中分离各种组件时，您需要在 index.html 上引用这些文件

您一定没有在 index.html 中引用 filter.js