使用 $filter 服务时出现未知的提供程序错误

Question

我正在使用 Ionic 框架创建一个混合应用程序，并设置了一个工厂来保存一组对象。我想使用 $filter 服务来抓取数组中具有特定 ID 的对象。这是我现在拥有的代码。我从这个堆栈溢出问题中得到了这个实现的想法：In Angular, I need to search objects in an array。

angular.module('prototype.services', [])

.factory('Patients', function($filter) {

var currentID;
var currentPatient = $filter('patientFilter')(patients, {id: currentID}, true);


var patients = [{
id: 1,
name: 'Alexander Hamilton'
}];



return {

all:function() {
    return patients;
},

add: function(patient) {
    patients.push( {
        name: patient.name
    })
},

setID: function(id) {
    currentID = id;
},

getID: function() {
    return currentID;    
},


};



});

据我了解，这应该可以工作，因为我将 $filter 注入了我创建的工厂。我对 Angular 很陌生，所以我可能缺少一些明显的东西。

完全错误是：

ionic.bundle.js:26794 Error: [$injector:unpr] Unknown provider:     patientFilterFilterProvider <- patientFilterFilter <- Patients
http://errors.angularjs.org/1.5.3/$injector/unpr?    p0=patientFilterFilterProvider%20%3C-%20patientFilterFilter%20%3C-%20Patients
at ionic.bundle.js:13438
at ionic.bundle.js:17788
at Object.getService [as get] (ionic.bundle.js:17941)
at ionic.bundle.js:17793
at Object.getService [as get] (ionic.bundle.js:17941)
at ionic.bundle.js:32697
at Object.<anonymous> (services.js:6)
at Object.invoke (ionic.bundle.js:17995)
at Object.enforcedReturnValue [as $get] (ionic.bundle.js:17834)
at Object.invoke (ionic.bundle.js:17995)

Answer 1

您的代码假设有一个patientFilter 附加到您的模块：

angular.module('prototype.services', [])

.filter('patientFilter', function(){/*...*/}) // doesn't exist, so unknown provider errors

您可能想要做的是以下...

angular.module('prototype.services', [])

.factory('Patients', function($filter) {

    var currentID;
    var patients = [{
        id: 1,
        name: 'Alexander Hamilton'
    }];

    return {

      // ... other factory methods ...

      getCurrentPatient: function(){
        var currentPatient = $filter('filter')(patients, { // use generic 'filter' filter
            id: currentID
        }, true);

        return currentPatient || patients[0];
      }
    }
});