Tag: angular

AngularJS

AngularJS: Filtros

Fala galera, beleza?

Já precisou formatar algum dado para exibir para o usuário? Pensou em fazer o tratamento lá no backend ou criar uma função javascript para fazer o parse e exibir? Então, neste post vamos ver como o AngularJS trata essa questão com os filters.

Filtro

Os filtros são utilizados para fazer a formatação dos dados e exibi-los ao usuário. Uma definição bem simples, igual correr com medo dos caretas na Semana Santa lá no meu Brejim (quem é do interior cearense sabe do que eu estou falando!).

O AngularJS já possui alguns filtros padrão, como, por exemplo, currency para formatação de moeda e date para formatação de datas. Na API de Referência podemos verificar todos os filtros disponibilizados pelo framework.

Os filtros podem ser usados na view, no controller, na directive ou no service. Nós podemos também criar de maneira muito fácil o nosso próprio filtro.

Leia Mais

AngularJS

AngularJS: Rotas (ngRoute)

E aí galera, beleza?

Hoje falaremos um pouco sobre as rotas (ngRoute) do AngularJS. Nos posts anteriores falamos sobre controladores e serviços, se você ainda não está familiarizado com o framework recomendo a leitura.

Rotas – Para que servem?

Em aplicações que utilizam o conceito de single page, a navegação de uma página para outra é crucial. Quando a aplicação cresce e se torna mais complexa, precisamos encontrar uma maneira de gerenciar as páginas pelas quais o usuário vai navegar através da aplicação.

Poderíamos fazer toda a aplicação em um único arquivo e gerenciar o modo que a tela se comporta fazendo um gerenciamento de estados (por exemplo, escondendo e exibindo componentes), porém, já sabemos que fazer isso é completamente inviável para manutenção e saúde da aplicação (e da nossa querida saúde também!).

O módulo ngRoute é a solução que precisávamos. Ele nos permite gerenciar os templates a serem inseridos na view de acordo com a navegação do usuário. Ou seja, quando há uma ação de mudança de página, o módulo é capaz de “injetar” o template correspondente (desce mais um pouquinho que te mostro como faz).

Como configurar?

Leia Mais

AngularJS

AngularJS: Services

E aí pessoal, beleza?

No post anterior falamos sobre os controladores e boas práticas na sua utilização. Hoje vamos abordar um pouco sobre os services.

Services – O que são? Para que servem?

Service é o objeto usado para organizar e/ou compartilhar estados de objetos e as regras de negócio da aplicação. Ele é singleton, ou seja, há apenas uma instância disponível durante a vida útil da aplicação. Outra característica importante é a inicialização tardia (lazily instantiated), que só é efetuada quando o AngularJS identifica que tem algum componente dependente.

Opa, espera aí! O controller não é o lugar de controle da view? Logo, não é nele que eu tenho que ter as regras de negócio? Sim, o controller de fato controla a camada de visão, porém, não é ele que armazena as regras que são compartilhadas na aplicação. O controller gerencia apenas as regras referentes a view a qual está associado.  Vou enumerar porquê as regras devem ir para um service:

Leia Mais

AngularJS

AngularJS: Controladores (Controllers)

Olá pessoal, beleza?

No post anterior, Introdução ao AngularJS, fizemos uma explanação sobre algumas características importantes do AngularJS. Hoje vamos falar sobre os controladores e as boas práticas que podem ser adotadas em sua utilização.

Entendendo os Controladores

Os Controladores (Controllers), como o próprio nome diz, são responsáveis pelo controle da aplicação. É neles que gerenciamos o fluxo de dados apresentados na view. Quando um controlador é anexado ao DOM, via ng-controller, um novo objeto do controlador será instanciado, de acordo com a especificação do construtor. Na sequência, um novo escopo ($scope) filho será criado e disponibilizado como um parâmetro injetável no construtor do controlador.

Leia Mais

%d blogueiros gostam disto: