Последние учебники веб-разработки
 

AngularJS Фильтр в формате JSON


пример

Показать объект 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 Учебник: Угловые фильтры