update angular

Author: mythz

MyApp/_pages/releases/v8_07.md

@@ -668,6 +668,30 @@ E.g. the `<form-loading>` component will display when API Requests are in-flight
 </app-page>
 ```
 
+### Create Booking
+
+The [booking-create.component.ts](https://github.com/NetCoreTemplates/angular-spa/blob/main/MyApp.Client/src/app/bookings/booking-create.component.ts) shows the standard pattern of calling ServiceStack Typed APIs to 
+save forms whilst saving any validation errors to the `ApiState` context:
+
+```ts
+async save(): Promise<void> {
+    this.api.begin();
+
+    const request = new CreateBooking(this.booking());
+    const api = await this.client.api(request);
+    if (api.succeeded) {
+        // Navigate back to bookings list after successful save
+        this.router.navigate(['/bookings']);
+    }
+
+    this.api.complete(api.error);
+}
+```
+
+Where any contextual validation will be displayed next to the input field:
+
+[![](/img/pages/templates/angular-spa/angular-booking-create-validation.webp)](https://angular-spa.web-templates.io/bookings/create)
+
 ### Edit Booking
 
 The [booking-edit.component.ts](https://github.com/NetCoreTemplates/angular-spa/blob/main/MyApp.Client/src/app/bookings/booking-edit.component.ts)

MyApp/_pages/templates/angular.md

@@ -277,6 +277,30 @@ after receiving failed API Responses:
 </app-page>
 ```
 
+### Create Booking
+
+The [booking-create.component.ts](https://github.com/NetCoreTemplates/angular-spa/blob/main/MyApp.Client/src/app/bookings/booking-create.component.ts) shows the standard pattern of calling ServiceStack Typed APIs to 
+save forms whilst saving any validation errors to the `ApiState` context:
+
+```ts
+async save(): Promise<void> {
+    this.api.begin();
+
+    const request = new CreateBooking(this.booking());
+    const api = await this.client.api(request);
+    if (api.succeeded) {
+        // Navigate back to bookings list after successful save
+        this.router.navigate(['/bookings']);
+    }
+
+    this.api.complete(api.error);
+}
+```
+
+Where any contextual validation will be displayed next to the input field:
+
+[![](/img/pages/templates/angular-spa/angular-booking-create-validation.webp)](https://angular-spa.web-templates.io/bookings/create)
+
 ### Edit Booking
 
 The [booking-edit.component.ts](https://github.com/NetCoreTemplates/angular-spa/blob/main/MyApp.Client/src/app/bookings/booking-edit.component.ts)