Learn how to build a custom validator in Angular Reactive form. A data entry form can contain a large no of fields. The Angular forms module makes it easier to create, manage, and validate the form fields. There are two ways in which you can create forms in Angular. One is Reactive forms & the other one is template-driven forms. Learn how to create reactive forms & how to create template-driven forms.
Angular Environment Variables
In this tutorial, we will show you how to set up an Angular Environment Variables for the various environments. First, we will learn where Angular keeps its environment Variable. Next, we will create the environment variable. We then assign different values to this environment variable based on the environment. Finally, we read these values in Angular Application. We also learn how to add a new test environment.
Nested FormArray Example Add Form Fields Dynamically
In this guide, we will show you how to build a multi-level nested FormArray Example. We show you how to add form fields dynamically in a 2 level nested Form. Our Form will consist of an employee and his skills. The user will be able to add/remove employee’s and under each employee, you can add/remove any number of skills. If you have not used FormArray, then we suggest you read the FormArray Example in Angular.
Angular Multiple Apps in One Project
In this guide, we will show you how to organize multiple apps in one Project or workspace. There are a few advantages of having a single workspace for multiple apps. One is you do not have to run the time consuming npm install for every app. The node_modules folder is shared with all the other apps. The apps can be updated to the next version easily.
Angular FormArray Example
The Angular Formarray example shows how to use the form array. The FormArray allows us to controls dynamically to the reactive forms. In this example, we will take a very simple task of dynamically adding/removing skills to an employee form.