jsonFiltre AngularJS
Exemple
Affichez un objet JavaScript sous la forme d'une chaîne 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>
Définition et utilisation
Le jsonfiltre convertit un objet JavaScript en une chaîne JSON.
Ce filtre peut être utile lors du débogage de vos applications.
L'objet JavaScript peut être n'importe quel type d'objet JavaScript.
Syntaxe
{{ object | json :
spacing }}
Valeurs des paramètres
| Value | Description |
|---|---|
| spacing | Optional. A number specifying how many spaces to user per indentation. The default value is 2 |
Plus d'exemples
Exemple
Assurez-vous que la chaîne JSON est écrite avec 12 espaces par indentation :
<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>
Exemple
L'objet JavaScript sous forme de tableau :
<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>
Pages connexes
Tutoriel AngularJS : Filtres angulaires