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

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

appsettings.json

顺便说一句，如果您现在在管道操作中涉及的类型，请避免将<img [src]="url | customPipe" default="assets/no_image.png">用作类型

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

1 个答案: