問題タブ [angular-pipe]

angular 1.xフィルターをangular 2.0パイプに変換する必要があります。助けてください。以下は私のangular js 1.xフィルターコードです

のようなものを書きたいと思います

wheretranslateはng2-translateのパイプ関数です。

「今日は2016-07-13です」と表示したいので、動的な値CURRENT_DATEが"Today is {{value}}"期待されます。

ユーザーのロケールに応じて、現在の日付形式が変わります。またはgetDateFormatを返す関数があります。"yy-MM-dd""dd/MM/yy"

パイプをチェーンできることは知っていますが、ここでの私のケースは実際にはパイプをチェーンすることではありません。

簡単な方法はありますか、またはカスタムパイプを作成する必要がありますか?

ありがとう ！

EDIT：悪いことですが、私は愚かすぎてエラーなしで例をコピーできませんでした。私は書くべきだった：

timestampAngular パイプを使用して日付形式に変換しようとしています。私はこれをHTMLテンプレートに書きました：

wheremyTimestampは型番号です。

たとえば、タイムスタンプ1468251287(2016 年 11 月 7 日に一致) が として表示されるなど、予期しない結果が得られJan 18, 1970ます。

この問題を解決する方法を知りたいです。

ユーザーがいくつかの異なる基準でデータをフィルタリングしたい場合、オンとオフを切り替えたい複数の異なるパイプがあります。検索で現在使用されているパイプをアクティブ化/非アクティブ化する方法、またはユーザーがクリックしたボタンに応じて異なる動作をする単一のパイプを作成するにはどうすればよいですか?

たとえば、2 つのパイプ/フィルターは次のようになります...

次に、ユーザーにさまざまなフィルター ボタンを切り替えさせ、パイプをリストに追加/削除させたいと考えています。このようなものに最適なアプローチは何ですか?

将来もっと多くのことを行うために各パイプを拡張したいので、すべてを同じパイプに入れたくありません。したがって、各パイプは「独自のもの」であり、互いに独立して動作する必要がありますが、必要に応じて他のパイプと連携して動作する必要があります。

組み込みパイプはコンポーネントでは正常に機能していますが、カスタム パイプでは機能していません。これとは別に、私のパイプは問題なく動作しています。パイプをインポートしたので、何が問題なのかわかりません。

エラーのあるコードは次のとおりです。

HTMLタグでパイプを使用することはできますか?

が定義されている場合date、日付パイプを含む日付が表示されます。それ以外の場合Date not setは表示する必要があります。

上記のコードは機能しません。

これを達成するための最良の方法は何ですか？

編集

@Pankaj Parkarに感謝

解決策は

{{ }}andで試しまし[[ ]]たが、( )動作します。

サーバーから取得したデータを処理するカスタム パイプを Angular 2 RC5 に実装しました。私が抱えている問題は、パイプがngOnInitサーバーへの呼び出しを行っている場所の前に実行されることです。

テストとして、すでに入力されているリストをパイプに渡しましたが、すべてが期待どおりに機能します。私が抱えている唯一の問題は、ページがレンダリングされるときにパイプが実行されることです。したがって、その場合のリストは空です。

パイプが実行されたときにサーバーからデータが取得されるように、ページのレンダリングを「遅らせる」方法はありますか?

これは私のコードのサンプルです:

成分

パイプ

テンプレート

HTMLを返す単純なパイプがあります

問題は、私がそれを使用するとき、私は何も得られないことです

何か案は？

1 つのソリューション

DomSanitizationService に関するドキュメント