上一节:
下一节:

  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>
    尝试一下

  • 相关页面

返回 AngularJS 参考手册
上一节:
下一节: