Angular 6 for Enterprise-Ready Web Applications

User profile with multi-step auth-enabled responsive forms

Now, let's implement a multi-step input form to capture user profile information. We will also make this multi-step form responsive for mobile devices using media queries.

1. Let's start with adding some helper data that will help us display an input form with options:

src/app/user/profile/data.tsexport interface IUSState {  code: string  name: string}export function USStateFilter(value: string): IUSState[] {  return USStates.filter(state => {    return (      (state.code.length === 2 && state.code.toLowerCase() === value.toLowerCase()) ||      state.name.toLowerCase().indexOf(value.toLowerCase()) === 0    )  })}export enum PhoneType {  Mobile,  Home,  Work,}const USStates = [ { code: 'AK', name: 'Alaska' ...