AngularJS json Filter

Definition und Verwendung

json Der Filter konvertiert JavaScript-Objekte in JSON-Zeichenketten.

Dieser Filter ist bei der Debugging-Phase der Anwendung sehr nützlich.

JavaScript-Objekte können alle Arten von JavaScript-Objekten sein.

Verwandte Seiten

AngularJS-Tutorial:Angular-Filter

Beispiel

Beispiel 1

Zeigen Sie JavaScript-Objekte als JSON-Zeichenkette an:

<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>

Selbst ausprobieren

Beispiel 2

Stellen Sie sicher, dass jede Eindückung der JSON-Zeichenkette 12 Leerzeichen hat:

<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>

Selbst ausprobieren

Beispiel 3

JavaScript-Objekt als Array:

<div ng-app="myApp" ng-controller="jsCtrl">
<h1>Carnamen:</h1>
<pre>{{cars | json}}</pre>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('jsCtrl', function($scope) {
    $scope.cars = ["Audi", "BMW", "Ford"];
});
</script>

Selbst ausprobieren

Grammatik

{{ Objekt | json : Abstand }}

Parameter