AngularJS json filter

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

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

این فیلتر در زمان اشکال‌زدایی برنامه بسیار مفید است.

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

صفحات مرتبط

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

مثال

مثال 1

JavaScript Object را به رشته 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 }}

پارامتر