角度 6:自定义管道命名空间未绑定

Question

我是使用自定义管道的新手，没有找到我遇到的问题的任何答案。我正在转换现有的 url 字符串，在呈现之前在字符串中添加一个关键字。我已经设法将字符串更改/返回到模板，但在下面出现错误;

自定义管道'不绑定更少 此检查检查 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;
}
}

我可以安慰.log字符串和结果就是我想要的。知道错误是什么吗？

Answer 1

你的管道没有参数，你应该按如下方式使用它：

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

顺便说一下，如果您现在管道操作中涉及的类型，请避免使用any作为类型