json
Bộ lọc AngularJS
Thí dụ
Hiển thị một đối tượng JavaScript dưới dạng chuỗi 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>
Định nghĩa và Cách sử dụng
Bộ json
lọc chuyển đổi một đối tượng JavaScript thành một chuỗi JSON.
Bộ lọc này có thể hữu ích khi gỡ lỗi các ứng dụng của bạn.
Đối tượng JavaScript có thể là bất kỳ loại đối tượng JavaScript nào.
Cú pháp
{{ object | json :
spacing }}
Giá trị tham số
Value | Description |
---|---|
spacing | Optional. A number specifying how many spaces to user per indentation. The default value is 2 |
Các ví dụ khác
Thí dụ
Đảm bảo rằng chuỗi JSON được viết với 12 dấu cách cho mỗi thụt đầu dòng:
<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>
Thí dụ
Đối tượng JavaScript dưới dạng một mảng:
<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>
Các trang liên quan
Hướng dẫn AngularJS: Bộ lọc Angular