1. ホーム
  2. angular

[解決済み] コードにパイプを使用することは可能ですか?

2022-06-26 15:08:05

質問

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

{{user|userName}}

そして、うまく動作しています。

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

このような使い方をしようとしています。

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

しかし、それは

userNameが定義されていません。

私の別の方法は db.collection.findOne() をコード内で手動で使用することです。しかし、何かスマートな方法はないでしょうか?

どのように解決するのですか?

まず、パイプを 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');
  }
}