Ultimele tutoriale de dezvoltare web
 

AngularJS Filtru JSON


Exemplu

Afișarea unui obiect JavaScript ca un șir JSON:

<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>
Încearcă - l singur »

Definiție și utilizare

json Filtrul transformă un obiect JavaScript într - un șir JSON.

Acest filtru poate fi util atunci când depanarea aplicațiilor.

Obiectul JavaScript poate fi orice fel de obiect JavaScript.


Sintaxă

{{ object | json : spacing }}

Valorile parametrilor

Valoare Descriere
spacing Opțional. Un număr care specifică cât de multe spații pentru utilizator pentru fiecare indentare. Valoarea implicită este de 2

Mai multe exemple

Exemplu

Asigurați-vă că șirul JSON este scris cu 12 locuri de pe indentare:

<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>
Încearcă - l singur »

Exemplu

Obiectul JavaScript ca o matrice:

<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>
Încearcă - l singur »

Pagini similare

AngularJS Tutorial: Filtre unghiulare