Wednesday, June 20, 2018

Angular: Dynamic Forms

Angular - Dynamic Forms

"Building handcrafted forms can be costly and time-consuming, especially if you need a great number of them, they're similar to each other, and they change frequently to meet rapidly changing business and regulatory requirements."
See the live example / download example.

This cookbook uses reactive forms.

Reactive forms is an Angular technique for creating forms in a reactive style. 
Try the
Reactive Forms live-example / download example.

Angular offers two form-building technologies: reactive forms and template-driven forms. The two technologies belong to the @angular/forms library and share a common set of form control classes.

With reactive forms, you create a tree of Angular form control objects in the component class and bind them to native form control elements in the component template

  1. new DropdownQuestion({
  2. key: 'brave',
  3. label: 'Bravery Rating',
  4. options: [
  5. {key: 'solid', value: 'Solid'},
  6. {key: 'great', value: 'Great'},
  7. {key: 'good', value: 'Good'},
  8. {key: 'unproven', value: 'Unproven'}
  9. ],
  10. order: 3
  11. }),

Hugo: tool for creating static web sites
"The world’s fastest framework for building websites
Hugo is one of the most popular open-source static site generators. With its amazing speed and flexibility, Hugo makes building websites fun again."


Deploying to Google Kubernetes Engine - Code as Craft