فیلتر json AngularJS

تعریف و استفاده

json فیلتر موضوع JavaScript را به رشته JSON تبدیل می‌کند.

این فیلتر در هنگام دیباگ کردن برنامه بسیار مفید است.

موضوع JavaScript می‌تواند هر نوع موضوع JavaScript باشد.

صفحات مرتبط

آموزش AngularJS:فیلترهای Angular

مثال

مثال 1

موضوع JavaScript به عنوان رشته 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

عنصر JavaScript به عنوان آرایه:

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

آزمایش کنید

منطق

{{ object | json : spacing }}

پارامتر