ملفتر json في AngularJS

التعريف والاستخدام

json يحوّل الملفتر كائن JavaScript إلى سلسلة JSON.

هذا الملف터 يمكن أن يكون مفيدًا جدًا أثناء التحقق من البرنامج.

يمكن أن يكون كائن JavaScript أي نوع من كائنات JavaScript.

الصفحات ذات الصلة

دليل AngularJS:مرشحات Angular

مثال

مثال 1

اعرض كائن JavaScript كحرف JSON:

JavaScript كعنصر من عناصر النص
<h1>Customer:</h1>
<pre>{{customer | json}}</pre>
<pre>{{cars | json}}</pre>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.customer = {
        "name" : "Alfreds Futterkiste",
        "city" : "Berlin",
        "country" : "Germany"
    ;
$scope.cars = ["Audi", "BMW", "Ford"];
);

</script>

مثال 2

تأكد من أن كل تكرار في سلسلة JSON يحتوي على 12 مسافه:

JavaScript كعنصر من عناصر النص
<h1>Customer:</h1>
<pre>{{customer | json : 12}}</pre>
<pre>{{cars | json}}</pre>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.customer = {
        "name" : "Alfreds Futterkiste",
        "city" : "Berlin",
        "country" : "Germany"
    ;
$scope.cars = ["Audi", "BMW", "Ford"];
);

</script>

例子 3

مثال 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 :

}}