json

概要

JavaScriptオブジェクトをJSON文字列に変換します。

このフィルターは、デバッグ用途で頻繁に使用されます。 {{}}でデータバインディングを行っている値に対して使用すると、自動的にJSONに変換して表示されます。

使用方法

HTMLテンプレート

{{ json_expression | json }}

JavaScript

$filter('json')(object)

引数

引数 説明
object

型:*

あらゆるJavaScriptのオブエジェクト(配列、プリミティブ型を含む)を指定することが可能です。

デモ

<!doctype html>
<html ng-app>
  <head>
    <script src="http://code.angularjs.org/1.2.0-rc.2/angular.min.js"></script>
  </head>
  <body>
    <pre>{{ {'name':'value'} | json }}</pre>
  </body>
</html>
it('should jsonify filtered objects', function() {
  expect(binding("{'name':'value'}")).toMatch(/{
  "name": ?"value"
}/);
});
<!doctype html>
<html ng-app>
  <head>
    <script src="http://code.angularjs.org/1.2.0-rc.2/angular.min.js"></script>
  </head>
  <body>
    <pre>{{ {'name':'value'} | json }}</pre>
  </body>
</html>

 Back to top

© 2017 Google
Licensed under the Creative Commons Attribution License 3.0.

このページは、ページトップのリンク先のAngularJS公式ドキュメント内のページを翻訳した内容を基に構成されています。 下記の項目を確認し、必要に応じて公式のドキュメントをご確認ください。 もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。

  • AngularJSの更新頻度が高いため、元のコンテンツと比べてドキュメントの情報が古くなっている可能性があります。
  • "訳注:"などの断わりを入れた上で、日本人向けの情報やより分かり易くするための追記を行っている事があります。