Hay varias formas de utilizar filtros en angularjs.
Aplicar filtros a expresiones.
El formato debe seguirse de la siguiente manera:
{{expression|filter}} significa { {expression|filter}}
Por ejemplo: {{ 12 | moneda }} genera $12,00 y aplica un filtro a la salida.
En términos generales, es la superposición de filtros: el resultado de salida del filtro anterior se utiliza como fuente de datos de entrada del filtro posterior.
El formato debe seguirse de la siguiente manera:
{ { expresión | filtro 1 | filtro 2 |...}} Es decir, la expresión primero se filtra por filtro1 y luego por filtro2. . ...
Filtros con parámetros
El filtro puede ir seguido de uno o más parámetros para ayudar a implementar filtros con requisitos y necesidades especiales.
El formato debe seguirse de la siguiente manera:
{ { expresión | filtro:argumento 1:argumento 2:...}}
Por ejemplo: { { 1234 | número :2 } } = 1, 234.00 end
En segundo lugar, utilice el filtro integrado de AnluarJS.
AngularJS nos proporciona 9 filtros integrados.
Son moneda, fecha, filtro, JSON, límite a, mayúsculas, minúsculas, número, ordenarPor.
Para un uso detallado, consulte la documentación de AngularJS. A continuación se muestran solo algunos de los más utilizados.
Filtro de moneda (Filtro de moneda)
Moneda: se utiliza para convertir variables en forma de moneda.
Por ejemplo: {{ cantidad | moneda}}
Filtro de mayúsculas/minúsculas (filtro de letras), por ejemplo:
{{ "Letras minúsculas Cadena " |uppercase}}
& ltinput ng-model="userInput " >mayúsculas:{{ userInput |uppercase}}
Filtro de fecha (filtro de fecha)
Por ejemplo:
{{ 1304375948024 | fecha }}
{ { 1304375948024 | fecha:" MM/DD/aaaa @ h:MMA " }
filtro json
Por ejemplo:
{{ {foo: "bar ", baz: 23} | json }}
Fin
El uso de filter1 en controladores, servicios y controladores se puede utilizar con controladores, servicios o controladores de AngularJS. En este punto, debe agregar el nombre del filtro de dependencia a las dependencias del controlador, servicio o dirección.
2 Utilice el filtro directamente en el controlador para que el controlador pueda llamar a filterEND según sus propias necesidades.
Tercero, filtro personalizado (filtro)
1 El filtro personalizado escrito en AngularJS es muy similar al servicio de fábrica de AngularJS, por lo que debes recordar que devuelve un objeto o una función. . Cuando se escribe, sólo se requiere una función con más de un parámetro.
El formato de 2 es aproximadamente el siguiente:
App.filter('nombre del filtro', función(){función de retorno (objeto a filtrar, parámetro de filtro 1, parámetro de filtro 2 ,...){//...el código de lógica de negocios devuelve el objeto procesado;
}
});