flag-angular-component

Getting Started

npm s-flag-input provides the country flag dropdown along with country code and country name. Based on the default region which is given as the input in the application, the country list is displayed in the dropdown.

Installation

Install npm s-flag-input from npm:

npm i s-flag-input

Add wanted package to NgModule imports:

import { SCountryFlagInputModule } from 's-flag-input';

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

Add component to your page:

<s-country-flag-input></s-country-flag-input> 

Installation in local

Properties

Name	Type	Default	Description
defaultCountry	Object	India	Flag should on loading the component
showFlags	Boolean	false	If it is set to true, the dropdown values are shown
countriesDataList	array	-	It contains the list of countries List
flagComponentForm	FormGroup	-	It contains the formgroup and validation of phone number input
country	array	-	It contains the list of filtered countries List based on the default region input

Methods

Name	Parameters	Description
flagdata	event	It returns the selected value of flag data
phoneNumberInput	event	It returns the given phone number input
defaultRegion	string	It is input of default region which is given in the application.