• react.png
  • angular.png
  • node.png
  • html5.png
  • php.png

AngularJS - El filtro JSON

angular.png

Hola chicos, en la publicación anterior sobre AngularJS estuvimos hablando sobre los filtros y cómo usar algunos de ellos, hoy vamos a platicar rápidamente sobre el filtro JSON. 

 

El propósito principal de este filtro es para depuración(debugging).  

Se dará salida a cualquier objeto JavaScript en un string JSON en la página.

Veamos el siguiente ejemplo: 

HTML:

<!DOCTYPE html>
<html lang="en" ng-app ng-controller="AppCtl">
	<head>
		<meta charset="utf-8">
		<title>Contact Manager</title>
		<link rel="stylesheet" type="text/css" href="css/filters.css">
		<script type="text/javascript" src="js/angular.min.js"></script>
		<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
		<script type="text/javascript" src="js/controller.js"></script>
	</head>
	<body>
		
		{{contacts | json}}

	</body>
</html>

Controller: 

function AppCtl($scope) {
	$scope.contacts = [
		{
name: 'Cristina rojas',
phone: '12345',
email: 'cristina@gmail.com'
		},
		{
name: 'Francisco Santana',
phone: '213124',
email: 'francisco@gmail.com'
		},
		{
name: 'Carlos Santana',
phone: '56789',
email: 'carlos@gmail.com'
		}
	];
}

Salida en el navegador: 

json.png

Te dejo la publicación pasada: AngularJS - Aplicando filtros desde la vista (HTML) 

@telecristy.

0/1000

Necesitas conectarte ó registrarte para comentar