एंजुलरजी 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

निश्चित करें कि JSON शब्दांश के हर इंडेंटेशन में 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

जैवास्क्रिप्ट ऑब्जेक्ट को एक एक्सेस के रूप में:

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

अपने आप से प्रयास करें

ग्राफिका

{{ ऑब्जेक्ट | json : spacing }}

पारामीटर