SPA Jumpstart - Angular - 10 - Requests

6
Reques ts

description

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

Transcript of SPA Jumpstart - Angular - 10 - Requests

Page 1: SPA Jumpstart - Angular - 10 - Requests

Requests

Page 2: SPA Jumpstart - Angular - 10 - Requests

Web Browser

ASP.NETAngularJS

Class LibraryBusiness

Index.htmlAppModule

RoutesDirectivies

TemplatesViews

ControllerViewModel

ServicesFactories

Repository

BreezeJS$resource$http

WebAPI

ApiController Services

Page 3: SPA Jumpstart - Angular - 10 - Requests

Requests

Definição

Comunicaç

ão com o Serve

r

Abstração do Ajax

Métodos HTT

P

$resourse Restangular

Abstração

RESTfulPromises

Abstração mais complex

a

$http

Page 4: SPA Jumpstart - Angular - 10 - Requests

Requests

context.Customers.getCustomers() .then(function( ) {                self.customers = results;            },  function(error) {                ("....");            });

Controller:

Service:

var getCustomers = function () {     return $http.get("url/api/customers") .then(function (response) {         return response.data;     } ); };

data

results

service.$inject=['$http']

Page 5: SPA Jumpstart - Angular - 10 - Requests

Requests

context.Beers.Evaluates(data) .catch(function(error) {                ("....");            });

Controller:

var getEvaliates = function (data) {     return $http.post("url/api/cervejas/avaliacao/"+data.beerId,data) .then(function (response) {            } ); };

Service:

Page 6: SPA Jumpstart - Angular - 10 - Requests

Wesley A.LemosLages/SC - 2014