అంగులార్ జిఎస్ json ఫిల్టర్

నిర్వచనం మరియు వినియోగం

json ఫిల్టర్ జావాస్క్రిప్ట్ ఆబ్జెక్ట్ను JSON స్ట్రింగ్గా మారుస్తుంది.

అనువర్తనం సమయంలో ఈ ఫిల్టర్ చాలా ఉపయోగపడుతుంది.

జావాస్క్రిప్ట్ ఆబ్జెక్ట్లు ఏ రకమైనా జావాస్క్రిప్ట్ ఆబ్జెక్ట్లు కావచ్చు.

సంబంధిత పేజీలు

అంగులార్ జిఎస్ పాఠ్యక్రమం:Angular ఫిల్టర్స్

ఇన్స్టాన్స్

ఉదాహరణ 1

జావాస్క్రిప్ట్ ఆబ్జెక్ట్ను 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>

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 2

జెయ్మ్ఎస్ స్ట్రింగ్ ప్రతి స్పేస్ ఇండెంటేషన్ను 12 స్పేస్ గా చూడండి:

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

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 3

JavaScript ఆబ్జెక్ట్స్ బయాక్స్ అని వర్గీకరించండి

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

స్వయంగా ప్రయత్నించండి

సింతకం

{{ object | json : spacing }}

పారామిటర్స్