NgxNZThailandSelector

This library was generated with Angular CLI version 8.2.3.
Refer to ng-zorro-antd's component cascader
This package would save your time to develop cascader or autocomplete to filter Thailand's address, Let's do it!

Installation instructions

Install ngx-nzthailand-selector from npm:
Run npm i ngx-nzthailand-selector --save
Install ngx-nzthailand-selector from yarn:
Run yarn add ngx-nzthailand-selector

Add package to NgModule imports:

import { NgxNZThailandSelectorModule } from 'ngx-nzthailand-selector';

@NgModule({
  ...
  imports: [NgxNZThailandSelectorModule, ...]
  ...
})

Add component to your page:

<ngx-nzthailand-selector 
    [config]="{'placeholder': 'เลือก', 'showSearch': true}" 
    [subDistrictId]="2496" 
    (onSelectedEvent)="onCascaderChange($event)">
</ngx-nzthailand-selector>

You will need ng-zorro-antd styles:

@import "~ng-zorro-antd/style/entry.less"; /* Import basic styles */
@import "~ng-zorro-antd/cascader/style/entry.less"; /* Import styles of the component */

iConfig

Key	Type	Description
placeholder	string	placeholder text
showSearch	boolean	can be typed for searching or not
size	'small', 'default', 'large'	the size of box
disabled	boolean	disabled it or not

@Inputs()

Input	Type	Required	Description
subDistrictId	number	Optional	the sub-district id of Thailand
config	number	Optional, default: iConfig	the configuration of style

@Outputs()

Output	Type	Required	Description
onSelectedEvent	function	YES	emits filtered data list depending on the search term.