Angular jumpstart 8 - Services

512 visualizações

Publicada em

Curso ministrado por mim na NDDigital sobre como iniciar uma aplicação AngularJS direcionada ao consumo de WebAPI, baseado neste fluxo:
https://www.examtime.com/pt-BR/p/1084807

::Table of Contents

1 - Introdução
http://pt.slideshare.net/anisanwesley/angular-jumpstart-1-introduo-38460785

2 - Arquitetura
http://pt.slideshare.net/anisanwesley/angular-jumpstart-2-arquitetura

3 - Controllers
http://pt.slideshare.net/anisanwesley/angular-jumpstart-3-controllers

4 - Diretivas nativas
http://pt.slideshare.net/anisanwesley/angular-jumpstart-4-diretivas-nativas

5 - Diretivas customizadas
http://pt.slideshare.net/anisanwesley/angular-jumpstart-5-diretivas-customizadas

6 - Filters
http://pt.slideshare.net/anisanwesley/angular-jumpstart-6-filters

7 - Validação
http://pt.slideshare.net/anisanwesley/angular-jumpstart-7-validao

8 - Services
http://pt.slideshare.net/anisanwesley/angular-jumpstart-8-services

9 - Modulos
http://pt.slideshare.net/anisanwesley/angular-jumpstart-9-modulos

10 - Requests
http://pt.slideshare.net/anisanwesley/angular-jumpstart-10-requests

11 - Roteamento
http://pt.slideshare.net/anisanwesley/angular-jumpstart-11-roteamento

Publicada em: Software
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
512
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1
Ações
Compartilhamentos
0
Downloads
20
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Angular jumpstart 8 - Services

  1. 1. Services
  2. 2. Web Browser AngularJS ASP.NET Class Library Business App Index.html Module Directivies Routes Templates Views Controller ViewModel Services Factories Repository BreezeJS $resource $http WebAPI ApiController Services
  3. 3. Services Usos Se comunicam com o server Manipulam e transformam dados Controlam autenticação Compartilham dados entre controllers Etc. Definição Classes injetáveis nos controllers que gerenciam assuntos além do alcance do mesmo. Cada service pode ter outro service injetado nele mesmo, desde que não gere referência circular.
  4. 4. Services <script type="text/javascript"> var app = angular.module('app', []); var filterController = function (clienteService) { var self = this; self.cliente = clienteService.cliente; }; var service = function () { this.cliente = { titular: 'jose da silva', saldo: 1003.45 } }; filterController.$inject = ['clienteService']; app.controller('filterController', filterController); app.service('clienteService', service); </script> <body ng-controller="filterController as vm"> <p> Titular: {{vm.cliente.titular}} </p> <p> Saldo: {{vm.cliente.saldo | currency}} </p> </body> O angular usa o $inject para buscar os services registrados
  5. 5. Services Service  Retorna uma instância de si mesma. .service('Servico', function() { Factory  Retornam um objeto simples. .factory('Fabrica', function() { var valor = "Vim de um factory"; return { valor: valor }; }) this.valor = "Vim de um service"; }) Controller: .controller('serviceController', function(Servico) { this.valor = Servico.valor; }) .controller('factoryController', function(Fabrica) { this.valor = Fabrica.valor; }); View: <div ng-controller="serviceController as sc"> service : {{sc.valor}} </div> <div ng-controller="factoryController as fc"> factory : {{fc.valor}} </div>
  6. 6. Services Praticamente, seu uso é o mesmo, mas determinamos a seguinte convenção: Service Factory • Ponte para outras aplicações • Chamadas AJAX • Gerenciamento de Tokens • Ações que não saem da aplicação • Criação de menus • Objetos de configuração
  7. 7. Services Nativos  Há também os services que o próprio Angular disponibiliza para uso, e são injetados da mesma forma. $log $parse $rootScope $q $sce $sceDelegate $sniffer $templateCache $timeout $window $$rAF $$asyncCallback $anchorScroll $animate $browser $cacheFactory $controller $document $exceptionHandler $filter $interpolate $interval $http $httpBackend $location
  8. 8. Wesley A.Lemos Lages/SC - 2014

×