angular - コードでパイプを使用することは可能ですか?

Question

テンプレートでカスタム パイプを使用すると、次のようになります。

{{user|userName}}

そして、それはうまく機能します。

コードでパイプを使用することは可能ですか?

私はこのようにそれを使用しようとします:

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

しかし、それは示しています

ユーザー名が定義されていません

私の別の方法はdb.collection.findOne()、コードで手動で使用することです。しかし、スマートな方法はありますか？

Answer 1

まずproviders、モジュールの でパイプを宣言します。

import { YourPipeComponentName } from 'your_component_path';

@NgModule({
  providers: [
    YourPipeComponentName
  ]
})
export class YourServiceModule {
}

@Pipe次に、次のようなコンポーネントで使用できます。

import { YourPipeComponentName } from 'your_component_path';

class YourService {

  constructor(private pipe: YourPipeComponentName) {}

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

Answer 2

@シヴァは正しいです。ありがとう！

したがって、コンポーネントでパイプを使用する方法は次のようになります。

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

別の同様の質問へのリンク。