` with an `*ngFor` to display each of the cart items with its name and price.
The resulting `CartComponent` template is as follows.
@@ -251,17 +248,13 @@ This section guides you through modifying the `ShippingComponent` to retrieve sh
-1. Define a `shippingCosts` property.
-
-
-
1. Inject the cart service in the `ShippingComponent` `constructor()`.
-1. Set the `shippingCosts` property using the `getShippingPrices()` method from the `CartService`.
+1. Define a `shippingCosts` property that sets the `shippingCosts` property using the `getShippingPrices()` method from the `CartService`.
-
+
1. Update the `ShippingComponent` template to display the shipping types and prices using the `async` pipe.
diff --git a/aio/content/start/start-forms.md b/aio/content/start/start-forms.md
index b1981df4fc..a8a5b88c33 100644
--- a/aio/content/start/start-forms.md
+++ b/aio/content/start/start-forms.md
@@ -1,61 +1,48 @@
# Using forms for user input
-At the end of [Managing Data](start/start-data "Try it: Managing Data"), the online store application has a product catalog and a shopping cart.
+This guide builds on the [Managing Data](start/start-data "Try it: Managing Data") step of the Getting Started tutorial, [Get started with a basic Angular app](start "Get started with a basic Angular app").
This section walks you through adding a form-based checkout feature to collect user information as part of checkout.
-## Forms in Angular
-
-Forms in Angular build upon the standard HTML forms to help you create custom form controls and easy validation experiences. There are two parts to an Angular Reactive form: the objects that live in the component to store and manage the form, and the visualization of the form that lives in the template.
-
## Define the checkout form model
-First, set up the checkout form model. Defined in the component class, the form model is the source of truth for the status of the form.
+This step shows you how to set up the checkout form model in the component class.
+The form model determines the status of the form.
1. Open `cart.component.ts`.
-1. Angular's `FormBuilder` service provides convenient methods for generating controls. As with the other services you've used, you need to import and inject the service before you can use it:
+1. Import the `FormBuilder` service from the `@angular/forms` package.
+ This service provides convenient methods for generating controls.
- 1. Import the `FormBuilder` service from the `@angular/forms` package.
+
+
-
-
+1. Inject the `FormBuilder` service in the `CartComponent` `constructor()`.
+ This service is part of the `ReactiveFormsModule` module, which you've already imported.
- The `ReactiveFormsModule` provides the `FormBuilder` service, which `AppModule` (in `app.module.ts`) already imports.
+
+
- 1. Inject the `FormBuilder` service.
+1. To gather the user's name and address, use the `FormBuilder` `group()` method to set the `checkoutForm` property to a form model containing `name` and `address` fields.
-
-
+
-1. Still in the `CartComponent` class, define the `checkoutForm` property to store the form model.
+1. Define an `onSubmit()` method to process the form.
+ This method allows users to submit their name and address.
+ In addition, this method uses the `clearCart()` method of the `CartService` to reset the form and clear the cart.
-
-
+ The entire cart component class is as follows:
-1. To gather the user's name and address, set the `checkoutForm` property with a form model containing `name` and `address` fields, using the `FormBuilder` `group()` method. Add this between the curly braces, `{}`,
-of the constructor.
-
-
-
-1. For the checkout process, users need to submit their name and address. When they submit their order, the form should reset and the cart should clear.
-
- 1. In `cart.component.ts`, define an `onSubmit()` method to process the form. Use the `CartService` `clearCart()` method to empty the cart items and reset the form after its submission. In a real-world app, this method would also submit the data to an external server. The entire cart component class is as follows:
-
-
-
-
-Now that you've defined the form model in the component class, you need a checkout form to reflect the model in the view.
+
+
## Create the checkout form
-Use the following steps to add a checkout form at the bottom of the "Cart" view.
+Use the following steps to add a checkout form at the bottom of the Cart view.
-1. Open `cart.component.html`.
+1. At the bottom of `cart.component.html`, add an HTML `