Creating a Pizza Ordering Form

Now that users have an account set up, they need the ability to order an actual pizza. Unlike the registration form, the order form has several parts that need to interact with each other. RxPizza wants to sell specialty pizzas and allow for trivial one-click ordering. Different sizes and toppings will change the price as the user fills out the form. We’ll need to subscribe to select parts of our form and update other values on the page (sound familiar?).

You’re already chomping at the bit to build this, so start off by generating the component with ng g component pizza-order and add a route to the route module:

  path: ​'pizza'​,
  component: PizzaOrderComponent

Let’s move on to the data model.

Building ...

Get Build Reactive Websites with RxJS now with the O’Reilly learning platform.

O’Reilly members experience live online training, plus books, videos, and digital content from nearly 200 publishers.