El filtro json en AngularJs se usa para convertir un objeto JavaScript en un JSON. El objeto string.JavaScript que estamos usando puede ser cualquier tipo de objeto JavaScript.
Sintaxis:
{{ object | json : spacing }}
Donde json se usa para especificar que el objeto debe mostrarse en formato JSON y el espaciado es un parámetro opcional con el valor predeterminado 2 que especifica la cantidad de espacios por sangría.
Ejemplo 1:
este ejemplo mostrará las calificaciones del estudiante en JSON
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
</script>
</head>
<body>
<div ng-app="result" ng-controller="resultCtrl">
<h1>Result:</h1>
<pre>{{marks | json}}</pre>
</div>
<script>
var app = angular.module('result', []);
app.controller('resultCtrl', function($scope) {
$scope.marks = {
"Math" : 98,
"Computer" : 93,
"Physics" : 95,
"Chemistry" : 95,
"English" : 74
};
});
</script>
</body>
</html>
Producción :
Ejemplo 2:
este ejemplo mostrará el nombre de las frutas en JSON con 10 espacios por sangría
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
</script>
</head>
<body>
<div ng-app="fruit" ng-controller="fruitCtrl">
<h1>Fruits:</h1>
<pre>{{fruit | json : 10}}</pre>
</div>
<script>
var app = angular.module('fruit', []);
app.controller('fruitCtrl', function($scope) {
$scope.fruit = ["Apple", "Banana", "Mango"];
});
</script>
</body>
</html>
Producción :
Publicación traducida automáticamente
Artículo escrito por aman neekhara y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA