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

cannot load custom-made filter , Unknown Provider error

本文关键字：未知 程序 错误 过滤器 加载      更新时间：2023-09-26

我学习了《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

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

Thanks in advance

你的代码看起来不错。

当你在每个文件中分离不同的组件时，你需要在index.html

中引用这些文件

您一定错过了在index.html

中引用filter.js。

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

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

相关文章：