Build Reactive Websites with RxJS

Creating a Phone Input with Angular

This component will house all of the tooling for the first iterations of our phone number input. Open phone-num.component.ts and import FormControl and AbstractControl:

ng2/pizza/src/app/phone-num/phone-num.component.ts

import { FormControl, AbstractControl } from '@angular/forms';

FormControl is the root building block of all reactive forms in Angular. It represents a single input on the page. FormControl objects can be combined together into larger collections of elements, but for now let’s focus on just getting the phone number input working. Used when validating inputs, AbstractControl is a type definition that defines what properties and methods you can access. (AbstractControl covers not only ...