Filtro json de AngularJS

Definición y uso

json El filtro convierte un objeto JavaScript en una cadena JSON.

Este filtro es muy útil durante la depuración de la aplicación.

Un objeto JavaScript puede ser cualquier tipo de objeto JavaScript.

Páginas relacionadas

Tutorial de AngularJS:Filtros de Angular

Ejemplo

Ejemplo 1

Mostrar un objeto JavaScript como una cadena JSON:

Objeto JavaScript como array:
<h1>Customer:</h1>
<pre>{{customer | json}}</pre>
<pre>{{cars | json}}</pre>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.customer = {
        "name" : "Alfreds Futterkiste",
        "city" : "Berlin",
        "country" : "Germany"
    ;
$scope.cars = ["Audi", "BMW", "Ford"];
});

</script>

Ejemplo 2

Asegúrate de que cada indentación de la cadena JSON tenga 12 espacios:

Objeto JavaScript como array:
<h1>Customer:</h1>
<pre>{{customer | json : 12}}</pre>
<pre>{{cars | json}}</pre>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.customer = {
        "name" : "Alfreds Futterkiste",
        "city" : "Berlin",
        "country" : "Germany"
    ;
$scope.cars = ["Audi", "BMW", "Ford"];
});

</script>

例子 3

Ejemplo 3

Objeto JavaScript como array:
<div ng-app="myApp" ng-controller="jsCtrl">
<h1>Nombres de autos:</h1>
<pre>{{cars | json}}</pre>
</div>
<script>
var app = angular.module('myApp', []);
    app.controller('jsCtrl', function($scope) {
$scope.cars = ["Audi", "BMW", "Ford"];
});

</script>

prueba personalmente

sintaxis {{ objeto descripción | json :

}}