AngularJS | json筛选器

AngularJs中的json过滤器用于将JavaScript对象转换为JSON。我们正在使用的字符串.JavaScript对象可以是任何类型的JavaScript对象。

句法：

{{ object | json : spacing }}

其中json用于指定对象应以JSON格式显示，而interval是一个可选参数，默认值为2，用于指定每个缩进的空格数。

范例1：
本示例将以JSON显示学生的成绩

    


    

  

  
Result:
  
{{marks | json}}
  

  

var app = angular.module('result', []);
app.controller('resultCtrl', function($scope) {
$scope.marks = { 
        "Math" : 98,
        "Computer" : 93,
        "Physics" : 95,
        "Chemistry" : 95,
        "English" : 74
    };
});

  

输出 ：

范例2：
本示例将以JSON显示水果名称，每个缩进包含10个空格

  

  
Fruits:
  
{{fruit | json : 10}}
  

  

var app = angular.module('fruit', []);
app.controller('fruitCtrl', function($scope) {
    $scope.fruit = ["Apple", "Banana", "Mango"];
});

  

输出 ：