NGX CEP AUTOCOMPLETE

Uma biblioteca para ser ultilizada para pesquisa de cep

Required

• node vv8.4.0 or up
• npm 5.4.2 or up
• @angular/cli: 1.4.4

Usando

instale a biblioteca usando npm

npm i --save ngx-cepautocomplete

importe o NgxAutoCepModule

import { NgxAutoCepModule } from 'ngx-cepautocomplete';

@NgModule({
  imports: [
    NgxAutoCepModule
  ]
})
export class AppModule {}

aponte o evento cepEvent para sua função

<input type="text" ngxAutoCep (cepEvent)="autocomplete($event)">

import { CepModel } from 'ngx-cepautocomplete';
autocomplete(event: CepModel): void {
    this.form.get('logradouro').setValue(event.logradouro)
}

CepModel

cep: string,
logradouro: string,
complemento: string,
bairro: string,
localidade: string,
uf: string,
unidade: string,
ibge: number,
gia: string

Configurando proxy

abra o arquivo proxy.conf.json e insira o json dentro dele

{
    "/ws/*": {
        "target": "https://viacep.com.br",
        "secure": false,
        "changeOrigin": true,
        "xfwd": true,
        "logLevel": "debug"
    }
}

se não tiver configurado o proxy veja este artigo

Criamos um arquivo ao lado do pacote do nosso package.json chamado proxy.conf.json com o conteúdo

{
    "/ws/*": {
        "target": "https://viacep.com.br",
        "secure": false,
        "changeOrigin": true,
        "xfwd": true,
        "logLevel": "debug"
    }
}

Podemos então editar o script de início do arquivo package.json para ser

"start": "ng serve --proxy-config proxy.conf.json",

Depois para compilar o projeto usamos

npm start