Skip to main content

9 Cursos de Angular JS – Filtros

ArielMax Angular js


Tutorial #9 del curso de Angular JS, En este tutorial seguimos con los filtros y veremos como realizar el filtrado de datos en tiempo real utilizando un campo de texto.

<!DOCTYPE html>
<html ng-app="filtrodatos">
<head>
<meta charset="utf-8">
  <title>filtrando datos</title>
  <script type="text/javascript" src="angular.min.js"></script>
</head>
<body>

<input type="text" ng-model="buscarFruta">

<div ng-controller="listas">
  
  <ul>
    <li ng-repeat="fruta in frutas | filter:buscarFruta">{{fruta}}</li>

  </ul>
</div>

<script type="text/javascript">
  
var miApp = angular.module('filtrodatos', []);

miApp.controller('listas',function($scope){

 $scope.frutas = ['Kiwi','Banana','Arándano'];

});

</script>

</body>
</html>

Deja una respuesta

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

 

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.