Bộ lọc json của AngularJS

Định nghĩa và cách sử dụng

json Bộ lọc sẽ chuyển đổi đối tượng JavaScript thành chuỗi JSON.

Bộ lọc này rất hữu ích khi gỡ lỗi ứng dụng.

Đối tượng JavaScript có thể là bất kỳ loại đối tượng JavaScript nào.

Trang liên quan

Hướng dẫn AngularJS:Bộ lọc Angular

Mô hình

Ví dụ 1

Hiển thị đố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>

Thử ngay

Ví dụ 2

Đảm bảo mỗi đoạn trích JSON có 12 khoảng trố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ử ngay

Ví dụ 3

JavaScript đối tượng là mảng:

<div ng-app="myApp" ng-controller="jsCtrl">
<h1>Tên xe:</h1>
<pre>{{cars | json}}</pre>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('jsCtrl', function($scope) {
    $scope.cars = ["Audi", "BMW", "Ford"];
});
</script>

Thử ngay

Cú pháp

{{ object | json : spacing }}

Tham số