Exemple
Afficher un objet JavaScript comme 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>
Essayez - le vous - même » Définition et utilisation
Le json filtre convertit un objet JavaScript dans une chaîne JSON.
Ce filtre peut être utile lors du débogage de vos applications.
L'objet JavaScript peut être tout type d'objet JavaScript.
Syntaxe
{{ object | json :
spacing }}Paramètre valeurs
| Value | Description |
|---|---|
| spacing | Optional. A number specifying how many spaces to user per indentation. The default value is 2 |
Autres exemples
Exemple
Assurez-vous que la chaîne JSON est écrit 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>
Essayez - le vous - même » Exemple
L'objet JavaScript comme un 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>
Essayez - le vous - même » Pages associées
Tutoriel AngularJS: Filtres angulaires