~Linux、MySQLからAJAXまでAngular2のカスタムパイプでソート(orderBy)機能のサンプル作成Angular2では、Date、Decimal、Currency、Json、Sliceといったビルトインパイプが用意されていますが、自分でパイプを定義することもできます。Angular1で提供されていたorderByがAngular2のビルトインパイプには含まれていなかったたため、ソートを行うパイプをサンプルとして作成してみました。※Angular2の2.0.0版、TypeScriptを使って確認したものです。(デモはv4.4.3、v2.0.0で動作確認)※目次をクリックすると目次の下部にコンテンツが表示されます。1.カスタムパイプの作成方法2.デモカスタムパイプの作成方法ソートを行うパイプを例にカスタムパイプの作成方法を示します。・パイプ用のクラスは”PipeTransform”インターフェースの”transeform”メソッドを実装し、パイプで操作する内容を定義する。keyの”key”)となる。3)パイプの利用方法@Componentデコレーターの”pipes”属性で配列としてカスタムパイプを指定する。ビルトインパイプの場合は事前に登録されているので必要ないがカスタムパイプの場合は明示的に指定する必要がある。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。