json
مرشح AngularJS
مثال
عرض كائن 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>
التعريف والاستخدام
يقوم json
المرشح بتحويل كائن JavaScript إلى سلسلة JSON.
يمكن أن يكون هذا المرشح مفيدًا عند تصحيح أخطاء تطبيقاتك.
يمكن أن يكون كائن JavaScript أي نوع من كائن JavaScript.
بناء الجملة
{{ 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>
مثال
كائن JavaScript كمصفوفة:
<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: مرشحات Angular