This repo is a workshop to find a decent pattern for the following form conditions and requirements:
- You have multiple dropdown fields.
- The options for the first field are provided by an API call, and this field initializes as disabled until response returns and defaults to an empty selection option.
- The rest are empty and disabled.
- Upon selecting an option from the first, an API call occurs that populates options for the second and enables it.
- This chain continues for the rest of the fields.
- If a field changes: all fields following it (not preceding, only following) are reset. The first field after the changed one is reset and remains enabled. The rest of the following fields are reset and disabled.
Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.
Run ng test to execute the unit tests via Karma.
Run ng e2e to execute the end-to-end tests via Protractor.
To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.
Favicon: generated using the following graphics from Twitter Twemoji:
- Graphics Title: 1f60a.svg
- Graphics Author: Copyright 2020 Twitter, Inc and other contributors (https://github.com/twitter/twemoji)
- Graphics Source: https://github.com/twitter/twemoji/blob/master/assets/svg/1f60a.svg
- Graphics License: CC-BY 4.0 (https://creativecommons.org/licenses/by/4.0/)
