大佬教程收集整理的这篇文章主要介绍了AngularJS自定义筛选器未知提供程序错误，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
angular.module('idToName',['userservice'])
.filter('idToName',function(User) {
User.allUsers()
.success(function(data) {
userData = data;
});
var assignee;
return function(IDs) {
for (var j = 0; j < userData.length; i++) {
for (var i = 0; i < IDs.length; j++){
if (IDs[i] == userData[j]._id) {
assignee[i] = userData[j].firstname + ' ' + userData[j].lastname + ' ' + userData[j].cname;
}
}
}
return assignee;
}
})
它接收一个userID数组,它应该找到相应的userData对象并返回其名称.
但是当我运行它时,它会收到此错误：
Error: $injector:unpr UnkNown Provider UnkNown provider: idToNameFilterProvider
那我做错了什么？我将不胜感激任何帮助.
angular.module('idToName',[])
.factory('userservice',['$http',function ($http) {
var users = [];
return {
all: function () {
return $http.get('http://jsonplaceholder.typicode.com/users');
}
};
}])
.filter('idToName',function () {
var assignee = [];
return function (userData,IDs) {
if (!userData || userData.length === 0) {
return 'loading...';
}
for (var i = 0; i < userData.length; i++) {
for (var j = 0; j < IDs.length; j++) {
if (IDs[j] == userData[i].id) {
assignee[i] = userData[i].name + ' ' + userData[i].username + ' ';
}
}
}
return assignee;
}
})
.controller('MyCtrl',['$scope','userservice',function ($scope,userservicE) {
$scope.IDs = [1,2,3,4];
$scope.users = [];
userservice.all().success(function (data) {
$scope.users = data;
});
}]);
在HTML中使用它：
<div ng-app="idToName" ng-controller='MyCtrl'>{{ users | idToName:IDs }}</div>
您的代码中的一些问题：
>您的userData是异步获取的,当您调用过滤器时,userData可能尚未到达.并且您的过滤器不应该获取数据.因为它不是它的工作.您最好将数据获取逻辑分离为某些独立逻辑.所以我创建了另一个服务userservice
>嵌套for循环与i和j变量混淆.我让他们工作了.
> idToName不是一个好的模块名称.
更新1
从@ tuckerjt07和@ach的评论中了解到,请检查您的JavaScript包含和模块依赖关系代码.尝试注入过滤器时一定有问题.似乎在上下文中找不到过滤器本身.
以上是大佬教程为你收集整理的AngularJS自定义筛选器未知提供程序错误全部内容，希望文章能够帮你解决AngularJS自定义筛选器未知提供程序错误所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。