En son web geliştirme öğreticiler
 

AngularJS json Filtre


Örnek

Bir JSON dizesi olarak bir JavaScript nesnesi görüntüler:

<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>
Kendin dene "

Tanımı ve Kullanımı

json filtresi bir JSON dizeye bir JavaScript nesnesi dönüştürür.

Uygulamalarınızı ayıklarken bu filtre yararlı olabilir.

JavaScript nesnesi JavaScript nesne her türlü olabilir.


Sözdizimi

{{ object | json : spacing }}

Parametre Değerleri

değer Açıklama
spacing İsteğe bağlı. girinti başına kullanıcıya kaç boşluk belirten bir sayı. Varsayılan değer 2'dir

Diğer Örnekler

Örnek

JSON dizesi girinti başına 12 boşluklarla yazılı olduğundan emin olun:

<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>
Kendin dene "

Örnek

bir dizi olarak JavaScript nesne:

<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>
Kendin dene "

İlgili Sayfalar

Angularjs Eğitimi: Açısal Filtreler