jsonFiltro AngularJS
Esempio
Visualizza un oggetto JavaScript come 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>
Definizione e utilizzo
Il jsonfiltro 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
Assicurati che la stringa JSON sia scritta con 12 spazi per indentazione:
<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>
Esempio
L'oggetto JavaScript come 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>
Pagine correlate
Tutorial AngularJS: filtri angolari