AngularJS- json
filter
Voorbeeld
Geef een JavaScript-object weer als een JSON-tekenreeks:
<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>
Definitie en gebruik
Het json
filter zet een JavaScript-object om in een JSON-tekenreeks.
Dit filter kan handig zijn bij het debuggen van uw toepassingen.
Het JavaScript-object kan elk type JavaScript-object zijn.
Syntaxis
{{ object | json :
spacing }}
Parameterwaarden
Value | Description |
---|---|
spacing | Optional. A number specifying how many spaces to user per indentation. The default value is 2 |
Meer voorbeelden
Voorbeeld
Zorg ervoor dat de JSON-tekenreeks is geschreven met 12 spaties per inspringing:
<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>
Voorbeeld
Het JavaScript-object als een 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>
Gerelateerde pagina's
AngularJS-zelfstudie: Hoekfilters