angularjs - wordpress.com · 2015-05-21 · angular.config() - este bloco é executado durante o...
TRANSCRIPT
![Page 1: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/1.jpg)
AngularJSA ponte entre a web de hoje
e a web de amanhã
![Page 2: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/2.jpg)
Aula 2
![Page 4: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/4.jpg)
data-ng-app
![Page 5: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/5.jpg)
AULA 3AngularJS Really In Depth
![Page 7: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/7.jpg)
angular.config()
![Page 8: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/8.jpg)
angular.config
![Page 9: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/9.jpg)
angular.config
![Page 10: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/10.jpg)
angular.config
![Page 11: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/11.jpg)
angular.config
![Page 12: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/12.jpg)
ANGULAR.CONFIG()- Este bloco é executado durante o registro dos providers e na fase de configuração.
- Apenas constantes e providers podem ser injetados.
- Isto previne que serviços sejam instanciados antes de serem totalmente configurados.
![Page 13: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/13.jpg)
angular.run()
![Page 14: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/14.jpg)
angular.run
![Page 15: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/15.jpg)
angular.run
![Page 16: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/16.jpg)
angular.run
![Page 17: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/17.jpg)
ANGULAR.RUN()
Executado após tudo estar configurado
Apenas instâncias podem ser injetadas
Podemos criar quantos blocos run() quisermos
O código necessário para nossa aplicação funcionar
![Page 18: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/18.jpg)
Angular.config e Angular.run são executados após values e constants serem registrados.
http://bit.ly/1A3m3Lz
![Page 20: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/20.jpg)
ANGULARJS SERVICES- Lazy instantiated - Singletons
![Page 21: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/21.jpg)
PODEM SER UTILIZADOS EM:Controllers, Services, Filters e Directives
AngularJS Services
![Page 22: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/22.jpg)
AngularJS - Criando um novo serviço
![Page 23: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/23.jpg)
AngularJS - Utilizando um serviço criado
![Page 24: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/24.jpg)
AngularJS - Services
![Page 25: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/25.jpg)
Javascript “classes”
![Page 26: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/26.jpg)
Services FactoriesRetorna uma nova instância
return new Person();
Retorna o retorno (WTF?)return Person();
http://bit.ly/1d09beR
![Page 27: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/27.jpg)
Classes no ES6
![Page 28: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/28.jpg)
AngularJS Services - Registrando uma factory
Objeto literal JS
![Page 29: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/29.jpg)
AngularJS Services - Registrando um service
![Page 31: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/31.jpg)
Nossos controllers devem ser o menor possívelhttp://toddmotto.com/rethinking-angular-js-controllers/
![Page 32: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/32.jpg)
Agora é com vocês
![Page 33: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/33.jpg)
NO NOSSO TO-DO APP, FAÇAM:- Nosso controller deve utilizar um service (ou uma factory) para
buscar as tarefas;
- O service $http deve ser utilizado de dentro do nosso service;
- Uma promise deve ser retornada do serviço, mas chamada de dentro
do controller.
http://bit.ly/Aula31http://bit.ly/1PJFhHD
![Page 34: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/34.jpg)
Promises
![Page 35: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/35.jpg)
![Page 36: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/36.jpg)
Promises
![Page 37: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/37.jpg)
Promises
![Page 38: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/38.jpg)
$http promises
![Page 39: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/39.jpg)
$qCriando nossas próprias promises
![Page 40: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/40.jpg)
AngularJS $q
![Page 41: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/41.jpg)
Angular $q
![Page 42: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/42.jpg)
Angular $q
![Page 44: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/44.jpg)
NO NOSSO TO-DO APP, FAÇAM:- Nosso serviço, ao invés de retornar a promise do $http, deve retornar
uma promise utilizando o serviço $q.
http://bit.ly/Aula32http://bit.ly/AngularQ
![Page 45: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/45.jpg)
HTTP Interceptors
https://docs.angularjs.org/api/ng/service/$http
![Page 46: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/46.jpg)
HTTP Interceptors
![Page 47: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/47.jpg)
HTTP Interceptors
![Page 48: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/48.jpg)
HTTP Interceptors
![Page 49: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/49.jpg)
HTTP Interceptors
![Page 50: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/50.jpg)
HTTP Interceptors
![Page 52: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/52.jpg)
Intervalo
![Page 53: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/53.jpg)
![Page 54: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/54.jpg)
Criando nossos próprios filtros
![Page 55: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/55.jpg)
Criando filtros no Angular
![Page 56: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/56.jpg)
![Page 57: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/57.jpg)
Criando filtros no Angular
![Page 58: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/58.jpg)
Criando filtros no Angular
![Page 60: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/60.jpg)
NO NOSSO TO-DO APP, FAÇAM:- No final da nossa tabela de listagem de tarefas, vamos adicionar uma novo linha com o total de tarefas finalizadas; - Devemos utilizar um filtro para isto;
bit.ly/Angular33bit.ly/AngularFiltros2
![Page 61: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/61.jpg)
Curiosidade
![Page 62: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/62.jpg)
Custom Directives
https://docs.angularjs.org/guide/directive
![Page 63: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/63.jpg)
<div nossa-diretiva></div>
<nossa-diretiva></nossa-diretiva>
<div class=“nossa-diretiva”></div>
<div data-nossa-diretiva></div>
![Page 64: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/64.jpg)
Custom Directives
![Page 65: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/65.jpg)
Custom Directives
![Page 66: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/66.jpg)
Custom Directives
![Page 67: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/67.jpg)
Custom Directives
![Page 68: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/68.jpg)
Custom Directives
![Page 69: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/69.jpg)
Custom Directives
![Page 70: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/70.jpg)
Legibilidade Reutilização
Componetização
![Page 71: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/71.jpg)
<input date-picker />
![Page 72: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/72.jpg)
![Page 73: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/73.jpg)
Custom Directives - link function
![Page 75: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/75.jpg)
NO NOSSO TO-DO APP, FAÇAM:- Vamos criar 2 diretivas:
- Uma para selecionar a data do prazo com o jQuery UI datepicker (utilizem o exemplo pra se basear);
- Uma para encapsular toda a linha de listagem da tarefa (Utilizem como um atributo do <tr> para facilitar;
bit.ly/Angular34bit.ly/AngularDirectives
![Page 76: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/76.jpg)
Custom Directives <script type="text/ng-template" >
![Page 77: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/77.jpg)
<script type=“text/ng-template”>
![Page 78: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/78.jpg)
Custom Directives replace: true
![Page 79: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/79.jpg)
replace: true
![Page 81: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/81.jpg)
Custom Directives Isolated Scopes
![Page 82: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/82.jpg)
![Page 83: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/83.jpg)
![Page 84: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/84.jpg)
Isolated Scopes Expressions (&)
![Page 85: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/85.jpg)
Isolated Scopes - Expressions
![Page 86: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/86.jpg)
Isolated Scopes - Expressions + Parâmetros
![Page 87: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/87.jpg)
Isolated Scopes - Expressions + Parâmetros
![Page 88: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/88.jpg)
Isolated Scopes Two way bindings (=)
![Page 89: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/89.jpg)
Isolated Scopes - Two-way bindings
![Page 90: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/90.jpg)
Isolated Scopes - Two-way bindings
![Page 91: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/91.jpg)
Isolated Scopes Attributes (@)
![Page 92: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/92.jpg)
Isolated Scopes - attributes
![Page 93: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/93.jpg)
Isolated Scopes - attributes
![Page 94: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/94.jpg)
Isolated Scopes - attributes
![Page 96: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/96.jpg)
Todo mundo aqui ainda?
![Page 97: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/97.jpg)
Custom Directives - Dependency Injection
![Page 98: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/98.jpg)
Custom Directives
![Page 101: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/101.jpg)
Todo mundo aqui ainda?
![Page 102: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/102.jpg)
$scope vs scope
![Page 103: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/103.jpg)
RECAP
![Page 104: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/104.jpg)
O QUE VIMOS HOJE
HTTP InterceptorsComo criar serviços
angular.run & angular.config
Como criar diretivas
data-ng-app
$q
Como criar filtros
services vs factories
![Page 105: AngularJS - WordPress.com · 2015-05-21 · ANGULAR.CONFIG() - Este bloco é executado durante o registro dos providers e na fase de configuração. - Apenas constantes e providers](https://reader034.vdocuments.us/reader034/viewer/2022050104/5f429da2a65b6f46a670e3a5/html5/thumbnails/105.jpg)
PRÓXIMAS SALAS27/05/2015 - 602 Multicolor 03/06/2015 - 602 Multicolor