AngularJS json 过滤器



  • 定义和用法

    json 过滤器将 JavaScript 对象转换为 JSON 字符串。
    在调试应用程序时,此筛选器可能很有用。
    JavaScript 对象可以是任何类型的 JavaScript 对象。
  • 语法

    {{ object | json : spacing }}
  • 参数

    参数 必需的 描述
    spacing 一个数字,指定每个缩进为用户提供多少空格。 默认值为2
  • 示例

    下例演示了将JavaScript对象显示为JSON字符串:
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>欢迎来到蝴蝶教程</title>
    <script src="//cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script>
    </head>
    <body>
        <div ng-app="myApp" ng-controller="jsCtrl">
             <h1>customer:</h1>
             <pre>{{customer | json}}</pre>
        </div>
        <script>
             var app = angular.module('myApp', []);
             app.controller('jsCtrl', function($scope) {
                $scope.customer = {
                      "name" : "Alfreds Futterkiste",
                      "city" : "Berlin",
                      "country" : "Germany"
                };
             });
        </script>
    </body>
    </html>