example demo showCallingCode

angular-material-extensions · Sep 3, 2021 · 27e3034 · 27e3034
1 parent 8336349
commit 27e3034
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -540,12 +540,19 @@ <h2 class="div-ex2">Usage changing language</h2>
                     <mat-option value="en">English</mat-option>
                 </mat-select>
             </mat-form-field>
+            <mat-form-field appearance="fill">
+                <mat-label>Choose showCallingCode</mat-label>
+                <mat-select [(value)]="showCallingCode">
+                    <mat-option value="true">true</mat-option>
+                    <mat-option value="false">false</mat-option>
+                </mat-select>
+            </mat-form-field>
         </div>
         <mat-select-country appearance="outline"
                             label="Country"
                             [language]="languageSelected"
                             [autocomplete]="'no'"
-                            [showCallingCode]="true"
+                            [showCallingCode]="showCallingCode == 'true'"
                             (onCountrySelected)="onCountrySelected($event)">
         </mat-select-country>
     </div>

diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -17,6 +17,7 @@ export class AppComponent implements OnInit {
   countryFormGroup: FormGroup;
 
   languageSelected = 'es';
+  showCallingCode = 'false';
 
   defaultValue: Country = {
     name: 'Deutschland',