مثال
عرض كائن جافا سكريبت كسلسلة 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>
انها محاولة لنفسك » تعريف واستخدام
و 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>
انها محاولة لنفسك » صفحات ذات صلة
AngularJS البرنامج التعليمي: مرشحات الزاوي