Criando serviços com AngularJS

Criando Serviços com AngularJS
Rodrigo Branas – @rodrigobranas - http://www.agilecode.com.br

Rodrigo Branas
rodrigo.branas@agilecode.com.br
http://www.agilecode.com.br
• Desenvolvendo Software na Gennera
• Criando treinamentos na Agile Code
• Escrevendo na Java Magazine e PacktPub
• Palestrando sobre desenvolvimento de
software em eventos, universidades e
empresas

Certificações
Formação Acadêmica
Ciências da Computação – UFSC
Gerenciamento de Projetos - FGV
SCJA, SCJP, SCJD, SCWCD, SCBCD, PMP, MCP e CSM
Experiência
Há mais de 12 anos desenvolvendo software na
plataforma Java com as empresas: EDS, HP, NET,
Citibank, GM, Dígitro, Softplan, OnCast, Senai,
VALE, RBS, Unimed, Globalcode, V.Office, Suntech,
WPlex e Gennera.

• Há mais de 5 anos liderando pessoas.
• Mais de 2000 horas em sala de aula.
• Mais de 100 apresentações em eventos.
• 6 artigos escritos para revistas.
• 1 livro.
• Mais de 500 profissionais treinados.
• Criação de 22 palestras.
• Criação de 10 treinamentos.
• Criação de mais de 3.000 slides.
O que realmente me motiva?

Quando devemos criar serviços?

Criando um serviço para interagir
com a API REST

1. var app = angular.module("listaTelefonica", ['ngRoute']);
2.
3. app.controller("ListaTelefonicaCtrl", function ($scope, $http) {
4. $scope.app = "Lista Telefônica";
5. $scope.carregarContatos = function () {
6. $http.get('/contatos').success(function (contatos) {
7. $scope.listaTelefonica = contatos;
8. });
9. };
10. $scope.carregarOperadoras = function () {
11. $http.get('/operadoras').success(function (operadoras) {
12. $scope.operadoras = operadoras;
13. });
14. };
15. $scope.adicionarContato = function (contato) {
16. $http.post('/contatos', contato).success(function () {
17. $scope.carregarContatos();
18. });
19. delete $scope.contato;
20. };
22. $scope.carregarOperadoras();
23. });

2.
8. });
9. };
13. });
14. };
18. });
20. };
23. });
24.
25. app.factory();

2.
8. });
9. };
13. });
14. };
18. });
20. };
23. });
24.
25. app.factory("ListaTelefonicaAPI");

2.
8. });
9. };
13. });
14. };
18. });
20. };
23. });
24.
25. app.factory("ListaTelefonicaAPI", function () {
26. });

2.
8. });
9. };
13. });
14. };
18. });
20. };
23. });
24.
25. app.factory("ListaTelefonicaAPI", function ($http) {
26. });

2.
8. });
9. };
13. });
14. };
18. });
20. };
23. });
24.
26. var _getContatos = function () {
27. };
28. });

2.
8. });
9. };
13. });
14. };
18. });
20. };
23. });
24.
27. return $http.get('/contatos');
28. };
29. });

2.
8. });
9. };
13. });
14. };
18. });
20. };
23. });
24.
28. };
29. return {
30. };
31. });

2.
8. });
9. };
13. });
14. };
18. });
20. };
23. });
24.
28. };
29. return {
30. getContatos: _getContatos
31. };
32. });

2.
3. app.controller("ListaTelefonicaCtrl", function ($scope, $http, ListaTelefonicaAPI) {
8. });
9. };
13. });
14. };
18. });
20. };
23. });
24.
28. };
29. return {
31. };
32. });

2.
6. .success(function (contatos) {
8. });
9. };
13. });
14. };
18. });
20. };
23. });
24.
28. };
29. return {
31. };
32. });

2.
6. ListaTelefonicaAPI.getContatos().success(function (contatos) {
8. });
9. };
13. });
14. };
18. });
20. };
23. });
24.
28. };
29. return {
31. };
32. });

2.
6. ListaTelefonicaAPI.getContatos().success(function (contatos) {
8. });
9. };
13. });
14. };
18. });
20. };
23. });
24.
25. app.service("ListaTelefonicaAPI", function ($http) {
26. this.getContatos = function () {
28. };
29. });

Criando serviços com AngularJS

Mais conteúdo relacionado

Mais procurados

Destaque

Semelhante a Criando serviços com AngularJS

Mais de Rodrigo Branas

Último

Criando serviços com AngularJS