InputTelIsjIsi

Contributor

Nkot-a-Nzok Honore Etienne ING 3 ISI ISJ
Nzouatheu Pami Kelly ING 3 ISI ISJ
Nounamo Estrella ING 3 ISI ISJ

Installation

Run following command to install inputTelIsjIsi

npm install input-tel-isj-isi-3

Now add inputTelIsjIsiModule into your AppModule. For example,

import { InputTelIsjIsiModule } from 'input-tel-isj-isi-3';

Now add the following lines to the angular.json file at the style level

    "styles": {
        "node_modules/flag-icon-css/css/flag-icons.min.css",
        "node_modules/bootstrap/dist/css/bootstrap.min.css"
    }

Once done, we are ready to use this library.

How to use?

For example,

<isi-inputTelIsj 
    (onChangeNumber)="send($event)" 
    [DefaultCountry]="'cm'" 
    [borderRadius]=25 
    [size]=8 
    [messageAfterNumberIsNotMatch]="'Numéro de téléphone invalide'" 
    [phoneFieldsPlaceHolder]=false
    [phoneFieldOnlyCountry]="['cm', 'fr']"
></isi-inputTelIsj>

Parameters

   (onChangeNumber)="send($event)" 

will allow you to retrieve the keyboarded value from the event bidding

   [borderRadius]=25 

It will allow you to define the border radius parameter of the element. It takes an integer value by default it is 10

   (onChangeNumber)="send($event)" 

this parameter is mandatory it will allow you to define the default country to be displayed

   [size] = 8 

it will allow you to define the size of the html element this value goes from 1 to 12

   [messageAfterNumberIsNotMatch]="'Numéro de téléphone invalide'"

It will allow you to define the error message to be displayed when the phone number entered does not correspond to any country

   [phoneFieldsPlaceHolder]=false

It will allow you to display or not the placeholders

   [phoneFieldOnlyCountry]="['cm', 'fr']" 

if you want the element to contain a number of specific countries you must add it by specifying the countries with their iso codes. It takes as parameter an array of iso codes