Top Banner
Tutorial AngularJS Episódio 06 Filtros
13

Tutorial AngularJS - episódio 6 - filtros

Jul 01, 2015

Download

Technology

Tutorial AngularJS - episódio 6 - filtros

Assista o vídeo http://www.youtube.com/watch?v=E66eDjrn50g
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Tutorial AngularJS - episódio 6 - filtros

Tutorial AngularJSEpisódio 06Filtros

Page 2: Tutorial AngularJS - episódio 6 - filtros

O que é um filtro?

Filtro é um mecanismo que permite transformar os dados que são exibidos

para o usuário

Page 3: Tutorial AngularJS - episódio 6 - filtros

Filtro - sintaxe

{{ expressão | filtro : parametro1 : ...paramentroN }}

Page 4: Tutorial AngularJS - episódio 6 - filtros

Principais filtros● currency● date● orderBy● filter● json● lowercase● uppercase● limitTo

Page 5: Tutorial AngularJS - episódio 6 - filtros

Principais filtros - currency

Transforma um número em formato monetário.

Page 6: Tutorial AngularJS - episódio 6 - filtros

Principais filtros - date

Formata uma data (usando máscara ou não).

Page 7: Tutorial AngularJS - episódio 6 - filtros

Principais filtros - orderBy

Ordena um array de acordo com o predicado.

Page 8: Tutorial AngularJS - episódio 6 - filtros

Principais filtros - filter

Filtra dados de um array. Útil quando temos uma lista muito grande.

Page 9: Tutorial AngularJS - episódio 6 - filtros

Principais filtros - json

Exibe um json da expressão. Usado para debug.

Page 10: Tutorial AngularJS - episódio 6 - filtros

Principais filtros - lowercase

Passa todas as letras para caixa baixa (minúsculas).

Page 11: Tutorial AngularJS - episódio 6 - filtros

Principais filtros - uppercase

Passa todas as letras para caixa alta (maiúsculas).

Page 12: Tutorial AngularJS - episódio 6 - filtros

Principais filtros - limitTo

Limita os elementos de um array.

Page 13: Tutorial AngularJS - episódio 6 - filtros

http://plnkr.co/FCtK26