Bộ lọc AngularJS json
Ví 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>
Hãy tự mình thử »Định nghĩa và cách sử dụng
Bộ lọc json
chuyển đổi một đối tượng JavaScript thành chuỗi JSON.
Bộ lọc này có thể hữu ích khi gỡ lỗi ứ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 |
Thêm ví dụ
Ví dụ
Đảm bảo rằng chuỗi JSON được viết với 12 khoảng trắng cho mỗi lần thụt lề:
<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>
Hãy tự mình thử »Ví 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>
Hãy tự mình thử »Trang liên quan
Hướng dẫn AngularJS: Bộ lọc góc