Как использовать фильтр в моем AngularJS именно на ng-bind?

Question

Я пытался использовать этот простой фильтр:

App.filter('MyCutFilter', function() 
{ 
    return function(input) 
    { 
     return input.replace(/^.*[\\\/]/, ''); 
    }; 
}) 

На элемент нг-повторить, как это:

<tr ng-repeat="jf in ctrl.Files" class="tablerow"> 
    <td><span ng-bind="jf.id"></span></td> 
    <td><span class="filename" ng-bind="jf.FileName | MyCutFilter"></span></td> 

Но я получил следующее сообщение об ошибке:

Error: [$injector:unpr] Unknown provider: CutFilterProvider <- CutFilter <- UpFileController

Что может я делаю, чтобы исправить это?

Спасибо за помощь в adavance.

Answer 1

наконец я создал свою собственную службу, как это:

'use strict'; 

App.factory('UtilsService', [function(nameTable){ 

    return { 
       parseTheseNames: function ParseThesesNames(nameTable){ 
        for (var i=0; i < nameTable.length; i++) 
        { 
         //console.log(d[i].upFileName); 
         nameTable[i].upFileName = nameTable[i].upFileName.replace(/^.*[\\\/]/, ''); 
         //console.log("obj " + d[i].upFileName); 
        } 
      } 
    }; 

}]); 

И я использую это так:

App.controller('FileController',[..., 'UtilsService',..., 
function(..., UtilsService, ...){ 
. 
. 
. 

function(d){ 
    UtilsService.parseTheseNames(d); 
    self.upFiles = d; 
} 
. 
. 
. 

Я изменил то, что я хотел, чтобы получить возврат данных непосредственно из обратный вызов, чтобы иметь возможность анализировать имя файла ранее.

Спасибо за помощь и документацию.

Answer 2

Глядя на ошибки,

Error: [$injector:unpr] Unknown provider: CutFilterProvider <- CutFilter <- UpFileController

Похоже, что вы пытаетесь внедрить Cutfilter в контроллер с именем UpFileController. Пожалуйста, удалите Cutfilter инъекции от UpFileController.