angular/workshop
angular/workshop
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add instant validation for rating

Browse Source
This commit is contained in:
Constantin Simonis 2024-12-17 09:19:02 +01:00
parent 99ae5fd016
commit 5706dfaae8
Signed by: csimonis
GPG Key ID: 758DD9C506603183
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/app/hotel/component/edit-hotel.component.ts
View File

@ -43,7 +43,7 @@ import {ErrorMsgComponent} from "./error-msg.component";
<br>
<label for="rating">Rating</label>
<br>
<input id="rating" type="number" formControlName="rating" min="0" max="5">
<input id="rating" type="number" formControlName="rating">
<app-error-msg [msg]="errorMsgs['rating']"></app-error-msg>
<br>
<br>
@ -103,6 +103,18 @@ export class EditHotelComponent implements OnInit {
control?.valueChanges?.pipe(debounceTime(1000)).subscribe(() => {this.setErrorMessage(controlName, control)});
});
this.form.controls['rating'].valueChanges.subscribe((value: number | null) => {
if (value === null) {
this.errorMsgs['rating'] = this.validationErrors['required'];
} else if (value < 0) {
this.errorMsgs['rating'] = this.validationErrors['min'];
} else if (value > 5) {
this.errorMsgs['rating'] = this.validationErrors['max'];
} else {
this.errorMsgs['rating'] = '';
}
})
}
submit() {