Los últimos tutoriales de desarrollo web
 

AngularJS Filtro JSON


Ejemplo

Mostrar un objeto JavaScript como una cadena JSON:

<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>
Inténtalo tú mismo "

Definición y Uso

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

Este filtro puede resultar útil para depurar sus aplicaciones.

El objeto de JavaScript puede ser cualquier tipo de objeto JavaScript.


Sintaxis

{{ object | json : spacing }}

Los valores de los parámetros

Value Description
spacing Optional. A number specifying how many spaces to user per indentation. The default value is 2

Más ejemplos

Ejemplo

Asegúrese de que la cadena JSON está escrito con 12 espacios por sangría:

<div ng-app="myApp" ng-controller="jsCtrl">

<h1>Customer:</h1>

<pre>{{customer | json : 12}}</pre>

</div>

<script>
var app = angular.module('myApp', []);
app.controller('jsCtrl', function($scope) {
    $scope.customer = {
        "name" : "Alfreds Futterkiste",
        "city" : "Berlin",
        "country" : "Germany"
    };
});
</script>
Inténtalo tú mismo "

Ejemplo

El objeto JavaScript como una matriz:

<div ng-app="myApp" ng-controller="jsCtrl">

<h1>Carnames:</h1>

<pre>{{cars | json}}</pre>

</div>

<script>
var app = angular.module('myApp', []);
app.controller('jsCtrl', function($scope) {
    $scope.cars = ["Audi", "BMW", "Ford"];
});
</script>
Inténtalo tú mismo "

Páginas relacionadas

AngularJS Tutorial: angular Filtros