fixed errors
This commit is contained in:
@@ -1,4 +1,4 @@
|
|||||||
<form nz-form nzLayout="horizontal" [formGroup]="createAuthorForm" (ngSubmit)="submitForm()">
|
<form nz-form nzLayout="horizontal" [formGroup]="createAuthorForm">
|
||||||
<nz-form-item>
|
<nz-form-item>
|
||||||
<nz-form-label nzSpan="8" nzRequired>
|
<nz-form-label nzSpan="8" nzRequired>
|
||||||
Nom
|
Nom
|
||||||
|
|||||||
@@ -2,6 +2,7 @@ import {Component, input} from '@angular/core';
|
|||||||
import {FormControl, FormGroup, FormsModule, ReactiveFormsModule, Validators} from "@angular/forms";
|
import {FormControl, FormGroup, FormsModule, ReactiveFormsModule, Validators} from "@angular/forms";
|
||||||
import {NzColDirective, NzRowDirective} from "ng-zorro-antd/grid";
|
import {NzColDirective, NzRowDirective} from "ng-zorro-antd/grid";
|
||||||
import {NzFormControlComponent, NzFormDirective, NzFormItemComponent, NzFormLabelComponent} from "ng-zorro-antd/form";
|
import {NzFormControlComponent, NzFormDirective, NzFormItemComponent, NzFormLabelComponent} from "ng-zorro-antd/form";
|
||||||
|
import {NzInputDirective} from "ng-zorro-antd/input";
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'app-create-author',
|
selector: 'app-create-author',
|
||||||
@@ -13,7 +14,8 @@ import {NzFormControlComponent, NzFormDirective, NzFormItemComponent, NzFormLabe
|
|||||||
NzFormItemComponent,
|
NzFormItemComponent,
|
||||||
NzFormLabelComponent,
|
NzFormLabelComponent,
|
||||||
NzRowDirective,
|
NzRowDirective,
|
||||||
ReactiveFormsModule
|
ReactiveFormsModule,
|
||||||
|
NzInputDirective
|
||||||
],
|
],
|
||||||
templateUrl: './create-author.html',
|
templateUrl: './create-author.html',
|
||||||
styleUrl: './create-author.css',
|
styleUrl: './create-author.css',
|
||||||
@@ -23,15 +25,4 @@ export class CreateAuthor {
|
|||||||
name: new FormControl<string>(null, [Validators.required]),
|
name: new FormControl<string>(null, [Validators.required]),
|
||||||
firstName: new FormControl<string>(null, [Validators.required])
|
firstName: new FormControl<string>(null, [Validators.required])
|
||||||
})
|
})
|
||||||
|
|
||||||
submitForm() {
|
|
||||||
// Pour annuler si le formulaire est invalide
|
|
||||||
if (this.createAuthorForm.invalid) return;
|
|
||||||
|
|
||||||
// Pour obtenir la valeur du formulaire
|
|
||||||
console.log(this.createAuthorForm.getRawValue())
|
|
||||||
|
|
||||||
// Pour vider le formulaire
|
|
||||||
this.createAuthorForm.reset()
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -3,6 +3,7 @@ import {FormControl, FormGroup, FormsModule, ReactiveFormsModule, Validators} fr
|
|||||||
import {NzColDirective, NzRowDirective} from "ng-zorro-antd/grid";
|
import {NzColDirective, NzRowDirective} from "ng-zorro-antd/grid";
|
||||||
import {NzFormControlComponent, NzFormDirective, NzFormItemComponent, NzFormLabelComponent} from "ng-zorro-antd/form";
|
import {NzFormControlComponent, NzFormDirective, NzFormItemComponent, NzFormLabelComponent} from "ng-zorro-antd/form";
|
||||||
import {GetAuthorDto, GetLoanDto} from "../../services/api";
|
import {GetAuthorDto, GetLoanDto} from "../../services/api";
|
||||||
|
import {NzInputDirective} from "ng-zorro-antd/input";
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'app-update-author',
|
selector: 'app-update-author',
|
||||||
@@ -14,7 +15,8 @@ import {GetAuthorDto, GetLoanDto} from "../../services/api";
|
|||||||
NzFormItemComponent,
|
NzFormItemComponent,
|
||||||
NzFormLabelComponent,
|
NzFormLabelComponent,
|
||||||
NzRowDirective,
|
NzRowDirective,
|
||||||
ReactiveFormsModule
|
ReactiveFormsModule,
|
||||||
|
NzInputDirective
|
||||||
],
|
],
|
||||||
templateUrl: './update-author.html',
|
templateUrl: './update-author.html',
|
||||||
styleUrl: './update-author.css',
|
styleUrl: './update-author.css',
|
||||||
|
|||||||
@@ -49,7 +49,7 @@ export class Author{
|
|||||||
|
|
||||||
this.notificationService.success(
|
this.notificationService.success(
|
||||||
'Success',
|
'Success',
|
||||||
'Utilisateur crée'
|
'Auteur enregistré'
|
||||||
)
|
)
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
this.notificationService.error(
|
this.notificationService.error(
|
||||||
|
|||||||
Reference in New Issue
Block a user