Erreur de filtrage Angularjs: "Erreur: fournisseur inconnu: textProvider"

Si vous regardez le code qui jsFiddle, qui filtre la fonction retourne une fonction qui prend text etc comme argument. Il devrait être quelque chose comme ceci:

myapp.filter('truncate',function(){
    return function(text, length) {
        var end = "..."
        text = text.replace(/\w\S*/g, function(txt){return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();});
        if (isNaN(length))
         length = 23;



        if (text.length <= length || text.length - end.length <= length) {
            return text;
        }
        else {
            return String(text).substring(0, length-end.length) + end;
        }
    }
});

La raison pour laquelle vous obtenu "Inconnu fournisseur de: textProvider" est parce que vous avez text comme un argument de votre filtre. Qui les rend look Angulaire pour un service appelé text qui n'existe pas. C'est la fonction que vous retournez qui prend text comme un argument.

Pensez-y de cette façon, la première fonction (celui que vous avez passer dans angulaire.filter) est la fonction qui crée d'abord le filtre. Cette fonction n'est exécuté qu'une fois dans votre application. La responsabilité de cette fonction est de créer une autre fonction et le renvoyer, et la fonction qu'elle renvoie est votre filtre. La raison pour laquelle vous avez une fonction qui retourne une fonction est de vous permettre de revenir implémentations différentes en fonction de votre système. Peut-être quelque chose comme ceci:

myapp.filter('truncate', function(myService) {
    if (myService.someCondition()) {
        return function(text, length) {
            //return the text as usual
        }
    } else {
        return function(text, length) {
            //return the text and do some other things as well
        }
    }
});