Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gracefullight/ng2-daum-address
다음 주소 검색 모듈 (리팩토링 중입니다.)
https://github.com/gracefullight/ng2-daum-address
angular4 daum daumaddress daumapi daumpostcode ng4
Last synced: about 2 months ago
JSON representation
다음 주소 검색 모듈 (리팩토링 중입니다.)
- Host: GitHub
- URL: https://github.com/gracefullight/ng2-daum-address
- Owner: gracefullight
- License: mit
- Created: 2017-03-13T14:33:08.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T19:37:55.000Z (about 2 years ago)
- Last Synced: 2024-04-14T19:50:43.200Z (9 months ago)
- Topics: angular4, daum, daumaddress, daumapi, daumpostcode, ng4
- Language: TypeScript
- Homepage: https://ng2-daum-address.firebaseapp.com/
- Size: 2.76 MB
- Stars: 14
- Watchers: 2
- Forks: 5
- Open Issues: 28
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ng2-daum-address
> 앵귤러4를 위한 다음 주소 검색
[![NPM Version][npm-image]][npm-url]
[![Downloads][npm-downloads-image]][npm-downloads-url]
## 설치
```bash
yarn add ng2-daum-address
```
> **1.1.1버전부터 안정적으로 사용하실 수 있습니다.**
> **1.1.3버전부터 앵귤러4를 이용하셔야합니다.**
## 사용법
`NgDaumAddressModule`를 `app.module.ts`에 임포트:
```ts
import { NgDaumAddressModule } from 'ng2-daum-address';
@NgModule({
...
imports: [
...
NgDaumAddressModule,
],
})
export class AppModule { }
```
템플릿에서 `btn-daum-address` 컴포넌트를 아래처럼 추가:
```html
```
가져온 컴포넌트`.ts` 에서 설정:
```ts
daumAddressOptions = {
class: ['btn', 'btn-primary']
};
setDaumAddressApi(data){
// 여기로 주소값이 반환
console.log(data);
}
```
> popup형태가 아닐 경우 아래의 Element를 ParentComponent에 넣어야합니다.
### layer
```html
```
### inline
```html
```
## 옵션
- type?: String => layer|inline|popup (default popup)
- target?: String => layer, inline 타입시 embed할 요소의 ID값 (위 소스에서 layer, wrap)
- width?: Number => layer 타입시 가로크기
- height?: Number => layer 타입시 세로크기
- border?: Number => layer 타입시 테두리 크기
- class?: Array|String => 클래스 부여
- debug?: boolean => 디버깅 모드
자세한 예제는 [여기서][example-page] 확인 가능합니다.
## License
[MIT](https://github.com/brendaniel/ng2-daum-address/blob/master/LICENSE)
[npm-image]: https://img.shields.io/npm/v/ng2-daum-address.svg
[npm-url]: https://npmjs.org/package/ng2-daum-address
[npm-downloads-image]: http://img.shields.io/npm/dt/ng2-daum-address.svg
[npm-downloads-url]: https://npmjs.org/package/ng2-daum-address
[example-page]: https://ng2-daum-address.firebaseapp.com/
