Filter json AngularJS

Definisi dan penggunaan

json Filter ini akan mengkonversi objek JavaScript ke string JSON.

Filter ini sangat bermanfaat saat meng debug aplikasi.

Objek JavaScript dapat berupa apapun objek JavaScript.

Halaman yang berhubungan

Panduan AngularJS:Filter Angular

Contoh

Contoh 1

Tampilkan objek JavaScript sebagai string JSON:

Objek JavaScript sebagai Array:
<h1>Customer:</h1>
<pre>{{customer | json}}</pre>
<pre>{{cars | json}}</pre>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.customer = {
        "name" : "Alfreds Futterkiste",
        "city" : "Berlin",
        "country" : "Germany"
    ;
$scope.cars = ["Audi", "BMW", "Ford"];
});

</script>

Contoh 2

Pastikan setiap indent string JSON ada 12 spasi:

Objek JavaScript sebagai Array:
<h1>Customer:</h1>
<pre>{{customer | json : 12}}</pre>
<pre>{{cars | json}}</pre>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.customer = {
        "name" : "Alfreds Futterkiste",
        "city" : "Berlin",
        "country" : "Germany"
    ;
$scope.cars = ["Audi", "BMW", "Ford"];
});

</script>

例子 3

Contoh 3

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

</script>

Coba Sendiri

Syarat {{ object Deskripsi | json :

}}