¿Cómo extender o anular filtros existentes en angularjs?

Question

¿Es posible ampliar los filtros "estándar" existentes (date, number, lowercase, etc.)? En mi caso, necesito analizar la fecha del formato AAAAMMDDhhmmss, por lo que me gustaría extender (o anular) el filtro date en lugar de escribir el mío.

Answer 1

No estoy seguro si entiendo su pregunta correctamente, pero si desea ampliar la funcionalidad de los filtros existentes, podría crear un nuevo filtro que decore uno existente. Ejemplo:

myApp.filter('customDate', function($filter) { 
    var standardDateFilterFn = $filter('date'); 
    return function(dateToFormat) { 
    return 'prefix ' + standardDateFilterFn(dateToFormat, 'yyyyMMddhhmmss'); 
    }; 
}); 

y luego, en su plantilla:

{{now | customDate}} 

Una vez dicho lo anterior, si simplemente desea dar formato a una fecha de acuerdo con un formato determinado esto se puede hacer con el filtro de la fecha actual :

{{now | date:'yyyyMMddhhmmss'}} 

Aquí es el jsFiddle de trabajo que ilustra las dos técnicas: http://jsfiddle.net/pkozlowski_opensource/zVdJd/2/

Tenga en cuenta que si no se especifica un formato, AngularJS supondrá que se trata de un formato "medio" (el formato exacto depende de una configuración regional). Compruebe http://docs.angularjs.org/api/ng.filter:date para más.

La última observación: Estoy un poco confundido acerca de la parte de la pregunta 'analizar'. Lo que ocurre es que los filtros se utilizan para analizar un objeto (fecha en este caso) en cadena y no viceversa. Si busca después de analizar cadenas (desde una entrada) que representan fechas, debería buscar en NgModelController # $ analizadores (consulte la parte "Validación personalizada" en http://docs.angularjs.org/guide/forms).

Answer 2

prefiero para implementar el decorator pattern, y de hecho en angular es muy fácil ..
Así, si tomamos @ pkozlowski.opensource ejemplo, se puede hacer algo así:

myApp.config(['$provide', function($provide) { 
    $provide.decorator('dateFilter', ['$delegate', function($delegate) { 
    var srcFilter = $delegate; 

    var extendsFilter = function() { 
     var res = srcFilter.apply(this, arguments); 
     return arguments[2] ? res + arguments[2] : res; 
    } 

    return extendsFilter; 
    }]) 
}]) 

Y luego En sus puntos de vista, puede usar ambos ... el resultado estándar y el comportamiento extendido.
con el mismo filtro

<p>Standard output : {{ now | date:'yyyyMMddhhmmss' }}</p> 
<p>External behavior : {{ now | date:'yyyyMMddhhmmss': ' My suffix' }}</p> 

Aquí es el jsFiddle trabajo ilustrando las dos técnicas: http://jsfiddle.net/ar8m/9dg0hLho/