30 lines
1006 B
TypeScript
30 lines
1006 B
TypeScript
import { Component } from '@angular/core';
|
|
import {NzFormModule} from "ng-zorro-antd/form";
|
|
import {FormControl, FormGroup, ReactiveFormsModule, Validators} from "@angular/forms";
|
|
import {NzFlexDirective} from "ng-zorro-antd/flex";
|
|
|
|
@Component({
|
|
selector: 'app-update-book',
|
|
imports: [NzFormModule, NzFlexDirective, ReactiveFormsModule],
|
|
templateUrl: './update-book.html',
|
|
styleUrl: './update-book.css',
|
|
})
|
|
export class UpdateBook {
|
|
updateBookForm = new FormGroup({
|
|
title: new FormControl<string>(null, [Validators.required]),
|
|
releaseYear: new FormControl<string>(null, [Validators.required]),
|
|
author: new FormControl<string>(null, [Validators.required])
|
|
})
|
|
|
|
submitForm() {
|
|
// Pour annuler si le formulaire est invalide
|
|
if (this.updateBookForm.invalid) return;
|
|
|
|
// Pour obtenir la valeur du formulaire
|
|
console.log(this.updateBookForm.getRawValue())
|
|
|
|
// Pour vider le formulaire
|
|
this.updateBookForm.reset()
|
|
}
|
|
}
|