NgxDaumPostcode

카카오에서 제공하는 우편번호 서비스를 Angular 환경에서 편하게 사용하기 위해 감싼 WrapperComponent를 제공하는 비공식 라이브러리입니다.

사용법

$3

`` bash
npm i ngx-daum-postcode
`

$3

` typescript
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { NgxDaumPostcodeModule } from 'projects/ngx-daum-postcode/src/public-api';

import { AppComponent } from './app.component';

@NgModule({
declarations: [AppComponent],
imports: [BrowserModule, NgxDaumPostcodeModule],
providers: [],
bootstrap: [AppComponent],
})
export class AppModule { }
`

$3


` html
(onComplete)="onComplete($event)"
(onSearch)="onSearch($event)"
(onResize)="onResize($event)"
>
`

$3

` typescript
import { Component } from '@angular/core';
import {
DaumPostcode,
Search,
Size,
} from 'ngx-daum-postcode';

@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss'],
})
export class AppComponent {
title = 'ngxDaumPostcode Example';

onComplete(daumPostcode: DaumPostcode): void {
console.debug(daumPostcode);
}

onResize(size: Size): void {
console.debug(size);
}

onSearch(data: Search): void {
console.debug(data);
}
}

``