AngularJS | Filtro json

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 :

output_img

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *