【更新】Angular2には文字列を簡単に操作できる「Pipe(パイプ)」という機能があります。この機能を使うことで、ものすごく実装効率が上がります。今日はPipeについて紹介します。他にもカスタムPipeを定義できる参考PipePipeはテンプレート内での、文字列操作の仕組みです。静的サイトジェネレータのJekyllなどを触ったことがある人はわかるかもしれませんが、Liquid構文のパイプとほぼ同じです。右側に関数(以下、オペレーター)を指定します。整形するための処理を、アプリケーション全体で共有できるわけですね。出力する文字を整形するためのコードは書かなくて済むので、コードを簡潔に保つことができるんです。Dateオブジェクトをあるフォーマットで整形して表示する、といったことができます。実際に見てみましょう。コンポーネントで定義しておいた値をテンプレートに渡します。プレゼント忘れないでね。</p>すると、表示は以下のようになります。プレゼント忘れないでね。</p>Pipeの種類Angular2では最初から複数のPipeが用意されています。DatePipe例で紹介した、日付を整形するためのパイプ。パラメータがたくさんあるので、一度目を通したほうがいいです。・DatePipeUpperCasePipe文字列を大文字にする。LowerCasePipe文字列を小文字にする。JsonPipe入力値にJSON.stringfyを実行して返す。