Skip to main content

8 Cursos de Angular JS – Filtros


Tutorial #8 del curso de Angular Js, en este tutorial veremos como construir nuestros propios filtros personalizados, esto nos permitira ampliar los filtros que dispone angular js según la necesidad de nuestro proyecto.

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

<h1>{{"dinosaurio" | cambiar:"@":"s"}}</h1>

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

  filtroApp.filter('cambiar',function(){

    var cambiarFiltro = function(datosOriginales, primerValor, segundoValor){

          //var nuevosDatos = datosOriginales.replace(RegExp("o","g"),"_");
          //var nuevosDatos = datosOriginales.replace(/o/g,primerValor);
          var nuevosDatos = datosOriginales.replace(RegExp(segundoValor,"g"),primerValor);
          return nuevosDatos;
    };

    return cambiarFiltro;

  });

</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.