ngx-dadata
Angular 6+ DaData suggestion (подсказки) implementation
Getting Started
Demo
Demo is here demo
Working code for this demo at stackblitz example
Installation
Install via npm package manager
npm install @muzykantov/ngx-dadata --save
Usage
Import ngx-dadata
module
import { HttpClientModule } from '@angular/common/http';
...
import { NgxDaDataModule } from '@muzykantov/ngx-dadata';
@NgModule({
imports: [ HttpClientModule, NgxDaDataModule ]
})
Then in HTML
<ngx-da-data [config]="config" [(ngModel)]="currentAddress"></ngx-da-data>
or
<ngx-da-data formControlName="currentAddress" [config]="config"></ngx-da-data>
where
import { DaDataConfig } from '@muzykantov/ngx-dadata';
...
config: DaDataConfig = {
apiKey: 'your_api_key',
type: DaDataType.address
};
also you may add additional options to constraint search (for example cities only):
import { DaDataConfig } from '@muzykantov/ngx-dadata';
...
config: DaDataConfig = {
apiKey: 'your_api_key',
type: DaDataType.address
options: {
from_bound: {value: "city"},
to_bound: {value: "city"}
}
};
For ngModel
to work, you must import FormsModule
from @angular/forms
, or for formControlName
, you must import ReactiveFormsModule
from @angular/forms