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

Question

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

0

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

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

На элементе ng-repeat:

<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>

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

Ошибка: [$ injector: unpr] Неизвестный поставщик: CutFilterProvider <- CutFilter <- UpFileController

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

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

Sanzensekai 30 май 2016, в 16:41

Источник

0

Как вы используете этот фильтр? И MyCutFilter - это не то же самое, что CutFilter - вы это понимаете?
dfsq 30 май 2016, в 14:17
0

@dfsq Извините, я отредактировал свой вопрос ^^
Sanzensekai 30 май 2016, в 14:19
0

docs.angularjs.org/error/$injector/unpr может быть, есть ошибка в внедрении зависимости ...
swarnava112 30 май 2016, в 14:20
0

Вы включили файл фильтра в шаблон макета?
Tim B 30 май 2016, в 14:25
0

@SwarnavaSarkar Спасибо, я уже проверил это, но я перепроверю, мы никогда не узнаем.
Sanzensekai 30 май 2016, в 14:46
0

@TimB Да, это включено.
Sanzensekai 30 май 2016, в 14:47

Показать ещё 4 комментария

Теги:

javascript

angularjs

angularjs-ng-repeat

ng-bind

2 ответа

0

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

Ошибка: [$ injector: unpr] Неизвестный поставщик: CutFilterProvider <- CutFilter <- UpFileController

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

Saad 30 май 2016, в 14:20

0

Спасибо за этот совет.
Sanzensekai 06 июнь 2016, в 14:36

Ещё вопросы

Как вы используете этот фильтр? И MyCutFilter - это не то же самое, что CutFilter - вы это понимаете?
@dfsq Извините, я отредактировал свой вопрос ^^
docs.angularjs.org/error/$injector/unpr может быть, есть ошибка в внедрении зависимости ...
Вы включили файл фильтра в шаблон макета?
@SwarnavaSarkar Спасибо, я уже проверил это, но я перепроверю, мы никогда не узнаем.

Sanzensekai · Accepted Answer · 2016-06-06T12-08-00.000Z

наконец, я создал свой собственный сервис следующим образом:

'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;
}
.
.
.

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

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