Create a Book

[web-dave]

• Generate a book-new component
• Add a new route
• Import ReactiveFormsModule into BookNewComponent
• Import Validators, FormBuilder and FormGroup into BookNewComponent
• Instantiate NonNullableFormBuilder in a attribute via DI
• define a indexed type to have a FormType

indexd Forme Type

```ts export type IForm = { [K in keyof T]: FormControl; }; ```

• define a attribute form with typed FormGroup
• Create a Typed Form Model with FormBuilder

book-new.component.ts

```ts import { Validators, FormBuilder, FormGroup } from '@angular/forms'; ... form: FormGroup>; private formBuilder = inject(FormBuilder) ngOnInit() { this.form = this.formBuilder.nonNullable.group({ title: ['', [Validators.required, Validators.minLength(6)]], isbn: ['', [Validators.required, Validators.minLength(6)]], id: ['', []], subtitle: ['', []], abstract: ['', []], author: ['', []], publisher: ['', []], price: ['', []], numPages: [0, []], cover: ['', []], userId: [0, []], }); } ```

• Extend BooksService to save new Book (this includes DI the BookService and define a method..)

books.service.ts

```ts createBook(book): Observable { const url = `${this.restRoot}`; return this.http.post(url, book); } ```

[web-dave]

NEXT