Угловой 6: пространство имен пользовательских труб не привязано

Question

Я новичок в использовании пользовательских каналов и не нашел ответов на возникающую у меня проблему.Я преобразовываю существующую строку URL-адреса, добавляя ключевое слово в строку перед ее отображением.Мне удалось изменить / вернуть строку в шаблон, но получаю ошибку ниже;

customPipe 'не привязан меньше. Эта проверка проверяет наличие несвязанных префиксов пространства имен в XML

  <img src={{url | customPipe: url}} default="assets/no_image.png">

export class CustomPipe implements PipeTransform {

  transform(str: string): any {
    let tn = '_thumbnail';
    let s1 = str.substring(str.lastIndexOf("."));
    let s2 = str.slice(0, str.lastIndexOf("."));
    let returnS = s2.concat(tn, s1);
    console.log('concatenated string: ', returnS)
    return returnS;
  }

}

Я могу console.log строки, и результатом является то, что я'ищуЛюбая идея, что ошибка?

Answer 1

В вашем канале нет аргументов, вы должны использовать его следующим образом:

<img [src]="url | customPipe" default="assets/no_image.png">

Кстати, если вы теперь используете типы, задействованные в операции канала, избегайте использования any в качестве типа