[解決済み] コードにパイプを使用することは可能ですか?
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');
}
}
関連
-
[解決済み] オブジェクトのキーと値に*ngForでアクセスする
-
[解決済み] Angularで変更検知を手動でトリガーする
-
[解決済み] Angular HTTP GET with TypeScript エラー http.get(...).map is not a function in [null].
-
[解決済み】PromiseとObservablesの違いは何ですか?
-
[解決済み】プロパティ「of」が「typeof Observable」型に存在しない【重複
-
[解決済み] Angular + Material - データソース(mat-table)を更新する方法
-
[解決済み] AngularのINPUT要素でngModel内のパイプを使用する
-
[解決済み] Angular HttpClient "パース中のHttp失敗"
-
[解決済み] @angular/material/index.d.ts' はモジュールではありません。
-
[解決済み] エラーが発生しました。出力が初期化されていません
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Angularで@Input()の値が変更されたときに検出する方法は?
-
[解決済み] Angular 4 HttpClient クエリパラメータ
-
[解決済み] Angular 6 素材マットセレクトの変更方法が削除されました。
-
[解決済み] Angular 2のパッシブリンク - <a href="">相当
-
[解決済み] prodのバンドルサイズを小さくするには?
-
[解決済み] index.tsは何に使われているのですか?
-
[解決済み] Angular 2の無効化されたコントロールがform.valueに含まれない
-
[解決済み] ファイル 'app/hero.ts' is not a module error in console, where to store interfaces files in directory structure with angular2?
-
[解決済み] Angularでフォームの変更を監視する方法
-
[解決済み】Angular - サービスとコンポーネントでパイプを使用する