एंगुलरजेएस jsonफ़िल्टर


उदाहरण

जावास्क्रिप्ट ऑब्जेक्ट को 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>

परिभाषा और उपयोग

फ़िल्टर किसी JavaScript ऑब्जेक्ट को JSON स्ट्रिंग में jsonकनवर्ट करता है।

आपके एप्लिकेशन को डीबग करते समय यह फ़िल्टर उपयोगी हो सकता है।

जावास्क्रिप्ट ऑब्जेक्ट किसी भी प्रकार का जावास्क्रिप्ट ऑब्जेक्ट हो सकता है।


वाक्य - विन्यास

{{ object | json : spacing }}

पैरामीटर मान

Value Description
spacing Optional. A number specifying how many spaces to user per indentation. The default value is 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>

उदाहरण

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

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

संबंधित पृष्ठ

एंगुलरजेएस ट्यूटोरियल: एंगुलर फिल्टर्स