 webcat_black 🎨 💻 📖 🤔 💬 🚇 💡 🚧 👀 ⚠️ |
178 |  Chris McKnight 💬 💻 📖 🤔 🚇 🔌 👀 🔧 |
179 |  Aleksandr Pasevin 💻 📖 🐛 📦 🔌 💬 🚇 💡 🚧 👀 ⚠️ |
180 |  Dviejo 💻 🐛 💡 ⚠️ 💬 🚧 👀 |
181 |  Kino Roy 💻 |
182 |  Nathan Walker 🚧 💻 |
183 |  Jiarong Xu 💻 |
184 |
 Corbin Crutchley 💻 |
187 |  Nayeli Beckham 💻 📦 💬 🚧 |
188 |  Rushabh Vora 💻 |
189 |  Karim Tayie 💻 |
190 |  Adil Khalil 💻 |
191 |  Alice Zhao 💻 |
192 |  Felipe Céspedes 💻 |
193 |
 bb-sonam 💻 |
196 |  Alex Kulagin 💻 |
197 |  Subodh Kumar Yadav 💻 |
198 |  harshalganbote 💻 |
199 |  christianopaets 💻 |
200 |  Victor Velechovsky 💻 |
201 |  Heo 💻 |
202 |
 Martin DONADIEU 💻 📓 |
205 |  Nico 💻 📖 📦 📓 |
206 |  zaizac 💻 👀 |
207 |  nicolasleb 💻 🚧 📦 👀 📓 |
208 |  jlj 💻 📓 🐛 |
209 |  Ahmed Asif 🐛 💻 |
210 |  snmhinge 💻 |
211 |
 juju-sunrise 💻 🚧 |
214 |  danielstvn 💻 🚧 |
215 |  kapcake 💻 🚧 |
216 |
2 |
70 |
--------------------------------------------------------------------------------
/projects/ngx-intl-tel-input/src/lib/ngx-intl-tel-input.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { NgxIntlTelInputComponent } from './ngx-intl-tel-input.component';
4 |
5 | describe('NgxIntlTelInputComponent', () => {
6 | let component: NgxIntlTelInputComponent;
7 | let fixture: ComponentFixture
8 |
53 |
69 |
9 |
10 |
13 |
52 | +{{ selectedCountry.dialCode }}
11 |
12 |
3 |
5 |
37 |
58 |
--------------------------------------------------------------------------------
/src/app/app.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed, async } from '@angular/core/testing';
2 |
3 | import { AppComponent } from './app.component';
4 |
5 | describe('AppComponent', () => {
6 | beforeEach(async(() => {
7 | TestBed.configureTestingModule({
8 | declarations: [AppComponent],
9 | }).compileComponents();
10 | }));
11 |
12 | it('should create the app', () => {
13 | const fixture = TestBed.createComponent(AppComponent);
14 | const app = fixture.debugElement.componentInstance;
15 | expect(app).toBeTruthy();
16 | });
17 |
18 | it(`should have as title 'ngx-intl-tel-input-app'`, () => {
19 | const fixture = TestBed.createComponent(AppComponent);
20 | const app = fixture.debugElement.componentInstance;
21 | expect(app.title).toEqual('ngx-intl-tel-input-app');
22 | });
23 |
24 | it('should render title in a h1 tag', () => {
25 | const fixture = TestBed.createComponent(AppComponent);
26 | fixture.detectChanges();
27 | const compiled = fixture.debugElement.nativeElement;
28 | expect(compiled.querySelector('h1').textContent).toContain(
29 | 'Welcome to ngx-intl-tel-input-app!'
30 | );
31 | });
32 | });
33 |
--------------------------------------------------------------------------------
/src/app/app.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 | import { FormControl, FormGroup, Validators } from '@angular/forms';
3 |
4 | import { CountryISO } from 'projects/ngx-intl-tel-input/src/lib/enums/country-iso.enum';
5 | import { PhoneNumberFormat } from 'projects/ngx-intl-tel-input/src/public_api';
6 | import { SearchCountryField } from 'projects/ngx-intl-tel-input/src/lib/enums/search-country-field.enum';
7 |
8 | @Component({
9 | selector: 'app-root',
10 | templateUrl: './app.component.html',
11 | styleUrls: ['./app.component.css'],
12 | })
13 | export class AppComponent {
14 | separateDialCode = false;
15 | SearchCountryField = SearchCountryField;
16 | CountryISO = CountryISO;
17 | PhoneNumberFormat = PhoneNumberFormat;
18 | preferredCountries: CountryISO[] = [CountryISO.UnitedStates, CountryISO.UnitedKingdom];
19 | phoneForm = new FormGroup({
20 | phone: new FormControl(undefined, [Validators.required]),
21 | });
22 |
23 | changePreferredCountries() {
24 | this.preferredCountries = [CountryISO.India, CountryISO.Canada];
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/src/app/app.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { FormsModule, ReactiveFormsModule } from '@angular/forms';
3 | import { BrowserModule } from '@angular/platform-browser';
4 | import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
5 |
6 | import { NgxIntlTelInputModule } from 'projects/ngx-intl-tel-input/src/lib/ngx-intl-tel-input.module';
7 |
8 | import { AppComponent } from './app.component';
9 |
10 | @NgModule({
11 | declarations: [AppComponent],
12 | imports: [
13 | BrowserModule,
14 | FormsModule,
15 | ReactiveFormsModule,
16 | NgxIntlTelInputModule,
17 | BrowserAnimationsModule,
18 | ],
19 | providers: [],
20 | bootstrap: [AppComponent],
21 | })
22 | export class AppModule {}
23 |
--------------------------------------------------------------------------------
/src/assets/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/webcat12345/ngx-intl-tel-input/b23777932b75dff4a035cb27ee59c2fa258567dc/src/assets/.gitkeep
--------------------------------------------------------------------------------
/src/environments/environment.prod.ts:
--------------------------------------------------------------------------------
1 | export const environment = {
2 | production: true,
3 | };
4 |
--------------------------------------------------------------------------------
/src/environments/environment.ts:
--------------------------------------------------------------------------------
1 | // This file can be replaced during build by using the `fileReplacements` array.
2 | // `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
3 | // The list of file replacements can be found in `angular.json`.
4 |
5 | export const environment = {
6 | production: false,
7 | };
8 |
9 | /*
10 | * For easier debugging in development mode, you can import the following file
11 | * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
12 | *
13 | * This import should be commented out in production mode because it will have a negative impact
14 | * on performance if an error is thrown.
15 | */
16 | // import 'zone.js/plugins/zone-error'; // Included with Angular CLI.
17 |
--------------------------------------------------------------------------------
/src/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/webcat12345/ngx-intl-tel-input/b23777932b75dff4a035cb27ee59c2fa258567dc/src/favicon.ico
--------------------------------------------------------------------------------
/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Test International Telephone Input Form
4 |5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
36 | 37 |
38 | Is input valid:
39 |
41 | {{ !f.form.controls['phone'].invalid }}
40 |
42 | Is input touched:
43 |
45 | {{ f.form.controls['phone'].touched }}
44 |
46 | Is form valid:
47 |
49 | {{ f.form.valid }}
48 |
50 | Form value:
51 |
53 | {{ f.form.value | json }}
52 |
54 | Form validation errors:
55 |
57 | {{ f.form.controls['phone'].errors | json }}
56 |