Developing model-driven forms in Angular
These will be the last steps for finishing the "Coders repository". You can build on top of the code available at ch6/ts/step-1/
(or ch6/ts/step-2
, depending on your previous work), in order to extend the application's functionality with the new concepts we will cover. The complete example is located at ch7/ts/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 contains the following controls for importing existing users from GitHub:
The input for the GitHub handle.
A checkbox that points out whether we want to import the developer from GitHub or enter it manually.
A form for entering new users manually.
The second form looks exactly the way we left it in the last chapter. However, this time, its definition looks a little bit different:
<form class="form col-md-4" [formGroup]="addDevForm" [hidden]="submitted"> <!-- TODO -->...