How to deploy an Angular application to GitHub

In this article, we will follow a step-by-step approach to deploy an Angular application to a GitHub. We will create a project using Angular CLI  and then deploy that to GitHub. Let us get started. Step 1 To create a project using Angular CLI. Run the command: ng new demo You need to make sure that Angular … Continue reading How to deploy an Angular application to GitHub

How to do Conditional Validation on valueChanges method in Angular Reactive Forms

Read full article on the Infragistics blog In this blog post, we will learn to use Angular Reactive Forms value change detection and enable conditional validation on basis of that. Learn How to Create Your First Angular Reactive Form here Let us say you have a Reactive Form created using FormBuilder class as shown below: … Continue reading How to do Conditional Validation on valueChanges method in Angular Reactive Forms

Simplifying ViewChild and ContentChild in Angular

Read full article on the Infragistics blog In this blog post, we will learn about ViewChild and ContentChild in Angular. Essentially ViewChild and ContentChild are used for component communication in Angular. Therefore, if a parent component wants access of child component then it uses ViewChild or ContentChild. Any component, directive, or element which is part … Continue reading Simplifying ViewChild and ContentChild in Angular

How to dynamically create a Component in Angular

You can read full article on the Infragistics blog In this article, we will learn to create a component dynamically. You may need to load a component dynamically in various scenarios such as want to show a popup modal etc. Let us assume that, we have a component as listed below, which we will load … Continue reading How to dynamically create a Component in Angular

Step by Step creating Custom Pipe in Angular

Read full article on the Infragistics blog Angular pipes take data as input and transform it to your desired output. For example, using interpolation you are displaying name of the product. Now you want the product name always displayed in the uppercase. You can do this using Angular pipe uppercase. https://gist.github.com/debugmodedotnet/929abeb0c328af3e9a266b49c11a811c In above component, productName … Continue reading Step by Step creating Custom Pipe in Angular