tutorial angularjs - episódio 6 - filtros

13
Tutorial AngularJS Episódio 06 Filtros

Upload: jose-naves-moura-neto

Post on 01-Jul-2015

1.197 views

Category:

Technology


3 download

DESCRIPTION

Tutorial AngularJS - episódio 6 - filtros Assista o vídeo http://www.youtube.com/watch?v=E66eDjrn50g

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