NgxCountryDropdown

An Angular Material package for selecting country from list.

Supports:

• Angular
• Angular Material
• ReactiveFormsModule

Images

Installation

Install This Library

$ npm install ngx-country-dropdown --save

Usage

Import

import { NgxCountryDropdownModule } from "ngx-country-dropdown";

Add NgxCountryDropdownModule to your module file:

1
2imports: [
3    NgxCountryDropdownModule,
4  ]
5

Example

Refer to test app in this repository for working example.

1
2<form action="" [formGroup]="testForm" (submit)="onSubmit()">
3    <ngx-country-dropdown defaultValue="India" formControlName="country"></ngx-country-dropdown>
4    <input class="btn" type="submit" value="Show">
5</form>
6
7<p> {{ selectedCountry}} </p>
8

Options

Options	Type	Default	Description
defaultValue	string	""	Default country value.

Library Contributions

• Fork repo.
• Go to ./projects/ngx-country-dropdown
• Update ./src/lib with new functionality.
• Update README.md
• Pull request.

keywords

angular npm countrylist dropdown input