Question

当我在模板中使用自定义管道时，就像这样。它运作良好。

{{user|userName}}

是否可以在代码中使用管道？我试着像这样使用，

let name = `${user|userName}`;

但它显示

未定义userName

我的替代方法是在代码中手动使用db.collection.findOne（）。但有什么聪明的方法吗？

Answer 1

@Siva是对的。谢谢！

因此在组件中使用管道的方式如下：

let name = new UserNamePipe().transform(user);

Link另一个类似的问题。

Answer 2

这是在组件中使用Pipe的方式：

import { YourPipeComponentName } from '@angular/common';

class YourService {

  constructor(private pipe: YourPipeComponentName) {}

  YourFunction(value) {
    this.pipe.transform(value, 'pipeFilter');
  }
}

是否可以在Angular 2的代码中使用管道？

2 个答案: