Developing model-driven forms in Angular

These will be the last steps for finishing "Coders repository". You can build on top of the code available at ch7/step-1/ (or ch7/step-2, depending on your previous work), in order to extend the functionality of the application with the new concepts we will cover. The complete example is located at ch8/multi-page-model-driven.

This is the result that we will achieve by the end of this section:

Figure 1

In the preceding screenshot, there are two forms:

• A form that has the following controls:
  • The text input for the GitHub handle
  • A checkbox that points out whether we want to import the developer from GitHub or enter them manually
• A form for entering new users manually

The second form looks exactly the way we left it in the previous chapter. However, this time, its definition looks a little bit different:

<form class="form col-md-4" [formGroup]="addDevForm" [hidden]="submitted">
  <!-- TODO --> 
</form> 

Note that this time, we don't have the...