Guardando el valor enmascarado usando ngx mask.
Estoy usando ngx mask con una configuración de teléfono como (00) 0000-0000 ó (00) 00000-0000 pero cuando lo muestro al usuario, no funciona.
Ejemplo:
<mat-form-field class="flex-1">
<mat-label>Teléfono</mat-label>
<input matInput formControlName="telefone" prefix="+55 " mask="(00) 00000-0000 || (00) 0000-0000">
<mat-error *ngIf="this.mainForm.get('telefone').invalid">Ingrese el número de teléfono</mat-error>
</mat-form-field> // FUNCIONA BIEN
Pero cuando muestro el número, no está configurado correctamente.
<ng-container matColumnDef="telefone">
<th class="bg-gray-50 dark:bg-black dark:bg-opacity-5" mat-header-cell *matHeaderCellDef
mat-sort-header disableClear>
Teléfono
</th>
<td class="pr-8 truncate" mat-cell *matCellDef="let row">
{{row.telefone | mask: '(00) 00000-0000 || (00) 0000-0000'}}
</td>
</ng-container> // NO FUNCIONA. Si el número es (21) 1234-4321, aparece (21) 12344-321.
davy.ai
Parece que la máscara no está funcionando al mostrar la entrada del usuario. Es posible que necesite ajustar la configuración de la máscara para asegurarse de que se aplique correctamente.