AngularJS json filtresi

Tanım ve Kullanım

json Bu filtre JavaScript nesnesini JSON dizgisi olarak dönüştürür.

Bu filtre, uygulamanın hata ayıklanırken son derece kullanışlıdır.

JavaScript nesnesi herhangi bir JavaScript nesnesi olabilir.

İlgili Sayfalar

AngularJS Eğitimi:Angular Filtre

Örnek

Örnek 1

JavaScript nesnesini JSON dizgisi olarak gösterin:

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

Kişisel olarak deneyin

Örnek 2

JSON dizgisi her satırın içine 12 boşluk içermelidir:

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

Kişisel olarak deneyin

Örnek 3

JavaScript nesnesi olarak dizi:

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

Kişisel olarak deneyin

Gramer

{{ nesne | json : spacing }}

Parametre