GithubHelp home page GithubHelp logo

surajmathe / intl-input-phone Goto Github PK

View Code? Open in Web Editor NEW
7.0 7.0 0.0 891 KB

Angular plugin for international phone number. See the working demo here :-

Home Page: https://intl-input-phone-demo.stackblitz.io/

JavaScript 79.18% TypeScript 13.33% CSS 7.21% HTML 0.27%
angular-plugin angular4 international international-input-phone international-mobile international-phone-input

intl-input-phone's People

Contributors

surajmathe avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

intl-input-phone's Issues

How can we reset the phone number

The code looks like that:

in html:

form [formGroup]="sampleForm"
<intl-input-phone
name="phone"
formControlName="phone"
[NumberTextValue]="NumberModel"
[ConfigurationOption]="configOption2"
(OnNumberChange)="onNumberChage($event)"
>
form

in TS:
onNumberChage(outputResult: NumberResult) {
if (outputResult.Number) {
this.sampleForm.reset();
}
}

After the sampleForm reset, the number still existing in the input field.

And I tried to set [NumberTextValue] = '', but it doesn't work.

Could you please let me know how to reset the value of input number? Thanks

Support for Angular 14

This plugin is really good for angular, but can someone add support for Latest angular versions

Input Validation for formcontrolname

IsInputComplete
if we not fill complete input then we need to show validation message but with currently it is not available. or
If we fill complete input and remove few numbers from the input then there is no check available.
ISRequiredChange setting boolean only when input is filled or null

changing the flag

when changing the flag, after setting the number, the new area code value doesn't updates to the new one.

Uncaught TypeError: Object(...) is not a function at eval (C:/Users/xxx/Desktop/xxxx/node_modules/intl-input-phone/fesm5/intl-input-phone.js:286:135) at eval (C:/Users/xxx/Desktop/xxx/node_modules/intl-input-phone/fesm5/intl-input-phone.js:288:2)

i have installed npm i [email protected] version
and i’ve got this error

Uncaught TypeError: Object(…) is not a function
in this line

/** @nocollapse */ IntlInputPhoneService.ngInjectableDef = Object(WEBPACK_IMPORTED_MODULE_1__angular_core["defineInjectable"])({ factory: function IntlInputPhoneService_Factory() { return new IntlInputPhoneService(); }, token: IntlInputPhoneService, providedIn: "root" })

my @angular version

intellij

image

for some reason
JetBrains WebStorm, cant recognize the module , from among other ~200 3rd party module

Reactive forms support

Hey!

Nice work! Are you planning to support Angular's reactive forms in the nearest future?

Property 'ɵɵngDeclareFactory' does not exist on type 'typeof import("c:/Users/xxx/Desktop/xxx/node_modules/@angular/core/core")'.ts(2339)

i’m using this package in may ionic project.
npm i [email protected]
after i had followed the instruction i’ve got this error

C:/Users/xxx/Desktop/xxxxxxxx/node_modules/intl-input-phone/fesm2015/intl-input-phone.js:354 Uncaught TypeError: Cannot read properties of undefined (reading ‘Injectable’)

/** @nocollapse */ ConfigurationOptions.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: ConfigurationOptions, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
any idea on how to fix this error ?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.