📚 Como Usar a API - ecosif-angular

📋 Visão Geral

Este guia explica como usar os services HTTP para interagir com as APIs backend.

🔌 Usar Service

Exemplo: CompanyService

import { Component } from '@angular/core';
import { CompanyService } from '../service/company.service';

@Component({
  selector: 'app-example',
  template: `...`
})
export class ExampleComponent {
  companies: Company[] = [];

  constructor(private companyService: CompanyService) {}

  ngOnInit(): void {
    this.loadCompanies();
  }

  loadCompanies(): void {
    this.companyService.getCompanies().subscribe(
      data => this.companies = data,
      error => console.error(error)
    );
  }
}

📡 Métodos HTTP

GET

// Buscar lista
this.service.getItems().subscribe(data => {
  // Processar dados
});

// Buscar por ID
this.service.getItemById(id).subscribe(item => {
  // Processar item
});

POST

// Criar novo
this.service.create(data).subscribe(
  result => {
    // Item criado
  }
);

PUT

// Atualizar
this.service.update(id, data).subscribe(
  result => {
    // Item atualizado
  }
);

DELETE

// Deletar
this.service.delete(id).subscribe(
  () => {
    // Item deletado
  }
);

🔄 Tratamento de Erros

this.service.getData().subscribe(
  data => {
    // Sucesso
  },
  error => {
    // Tratar erro
    console.error('Erro:', error);
    // Mostrar mensagem ao usuário
  }
);

⏱️ Loading States

loading = false;

loadData(): void {
  this.loading = true;
  this.service.getData().subscribe(
    data => {
      this.data = data;
      this.loading = false;
    },
    error => {
      this.loading = false;
      // Tratar erro
    }
  );
}

Última Atualização: 2025-12-01