[解決済み] JSONオブジェクトを印刷可能なJSONに変換するAngular 2パイプ

質問

JSONオブジェクトの文字列を受け取り、それをユーザーに表示するためにきれいに印刷/フォーマットして返すAngular 2パイプを書こうとしています。

例えば、それはこれを取ります。

{ "id": 1, "number": "K3483483344", "州": "カリフォルニア州", "アクティブ":true }

そして、HTMLで表示したときに以下のようなものを返すようにします。

ということで、私の見解では、以下のようなものが考えられます。

<td> {{ record.jsonData | prettyprint }} </td>

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

さらに簡単な方法を追加したいと思います。組み込みの json パイプを使用します。

<pre>{{data | json}}</pre>

このようにすると、書式が保たれます。