Red de conocimiento informático - Computadora portátil - Hay varias formas de utilizar filtros en angularjs.

Hay varias formas de utilizar filtros en angularjs.

1. Utilizado en Ver Plantilla

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;

}

});