📝 Exemplos - ecosif-angular

📋 Visão Geral

Este documento contém exemplos práticos de uso da aplicação.

📦 Exemplo 1: Criar Componente com Service

import { Component, OnInit } from '@angular/core';
import { CompanyService } from '../service/company.service';
import { Company } from '../model/company.detail';

@Component({
  selector: 'app-companies',
  template: `
    <div *ngIf="loading">Carregando...</div>
    <div *ngFor="let company of companies">
      {{ company.name }}
    </div>
  `
})
export class CompaniesComponent implements OnInit {
  companies: Company[] = [];
  loading = false;

  constructor(private companyService: CompanyService) {}

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

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

📦 Exemplo 2: Formulário com Validação

import { FormBuilder, FormGroup, Validators } from '@angular/forms';

export class CompanyFormComponent {
  form: FormGroup;

  constructor(
    private fb: FormBuilder,
    private companyService: CompanyService
  ) {
    this.form = this.fb.group({
      name: ['', Validators.required],
      cnpj: ['', [Validators.required, Validators.pattern(/^\d{14}$/)]]
    });
  }

  onSubmit(): void {
    if (this.form.valid) {
      this.companyService.create(this.form.value).subscribe(
        result => {
          // Sucesso
        }
      );
    }
  }
}

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