Fixes für input fields, #60 -> AuditService
This commit is contained in:
@@ -14,7 +14,7 @@
|
||||
}
|
||||
</label>
|
||||
<input
|
||||
[type]="kind"
|
||||
type="text"
|
||||
[id]="name"
|
||||
[ngModel]="value"
|
||||
(ngModelChange)="onInputChange($event)"
|
||||
|
||||
@@ -21,14 +21,24 @@ import { ValidationMessagesService } from '../validation-messages.service';
|
||||
],
|
||||
})
|
||||
export class ValidatedInputComponent extends BaseInputComponent {
|
||||
@Input() kind: 'text' | 'number' | 'email' | 'tel' = 'text';
|
||||
@Input() kind: 'text' | 'number' | 'email' = 'text';
|
||||
@Input() mask: string;
|
||||
constructor(validationMessagesService: ValidationMessagesService) {
|
||||
super(validationMessagesService);
|
||||
}
|
||||
|
||||
onInputChange(event: string): void {
|
||||
this.value = event?.length > 0 ? event : null;
|
||||
onInputChange(event: string | number): void {
|
||||
if (this.kind === 'number') {
|
||||
if (typeof event === 'number') {
|
||||
this.value = event;
|
||||
} else {
|
||||
this.value = parseFloat(event);
|
||||
}
|
||||
} else {
|
||||
const text = event as string;
|
||||
this.value = text?.length > 0 ? event : null;
|
||||
}
|
||||
// this.value = event?.length > 0 ? (this.kind === 'number' ? parseFloat(event) : event) : null;
|
||||
this.onChange(this.value);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user