Question

我想问一下您是否对如何在Angular中传递多个管道有任何想法？

当前，我的代码仅传递一个管道。

const customPipe1 = new CustomPipe2();
const customPipe2 = new CustomPipe2();

  <ngx-datatable-column
      [width]="width"
      [name]="cname"
      [prop]="cbindProperty"
      [pipe]="customPipe1">
  </ngx-datatable-column>

我想在该列中添加两个或多个管道。在纯HTML中是这样的。

{{ birthday | customPipe1 | customPipe2 }}

Answer 1

<div id="app"> <blog-post v-for="post in posts" :key="post.id" :post="post" ></blog-post> </div>无法做到这一点。您可以在源代码中看到here。

但是，您可以创建另一个执行相同操作的管道：

_{不必使用注释将其设置为ngx-datatable，因为您无需使用名称，因此也不必将其添加到声明中} < / p>

Pipe

内部管道可能需要注入一些服务。在这种情况下，您需要将管道以及需要注入的管道以及需要将其注入export class ColumnPipe implements PipeTransform { pipes: any[] = [ new BirthdayPipe(), new CustomPipe1(), new CustomPipe2() ]; public transform(input: any): any { return this.pipes.reduce((output, pipe) => pipe.transform(output), input); } }的构造函数中的管道一起添加。

如何在Angular中为ngx-datatable-column传递多个管道？

1 个答案: