Gli ultimi tutorial di sviluppo web
 

AngularJS JSON Filtro


Esempio

Visualizzare un oggetto JavaScript come una stringa 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>
Prova tu stesso "

Definizione e utilizzo

Il json filtro converte un oggetto JavaScript in una stringa JSON.

Questo filtro può essere utile durante il debug delle applicazioni.

L'oggetto JavaScript può essere qualsiasi tipo di oggetto JavaScript.


Sintassi

{{ object | json : spacing }}

valori dei parametri

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

Altri esempi

Esempio

Assicurarsi che la stringa JSON è scritto con 12 posti per il rientro:

<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>
Prova tu stesso "

Esempio

L'oggetto JavaScript come un array:

<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>
Prova tu stesso "

Pagine correlate

AngularJS Tutorial: Filtri angolari