Step by Step for Creating Your First Angular Element

Read full article on the Infragistics blogAngular Elements allow us to create reusable Angular components, which can be used outside of the Angular application. You can use an Angular Element in any other application such as normal HTML, React, etc. Essentially, Angular Elements are normal components, which are packaged as Custom Elements. You can learn … Continue reading Step by Step for Creating Your First Angular Element

Understanding ViewEncapsulation in Angular

To understand ViewEncapsulation in Angular, first we should understand about Shadow DOM.  You can learn in detail about Shadow DOM here. Putting it in simple words, Shadow DOM brings Encapsulation in HTML Elements. Using the Shadow DOM , markup, styles, and behaviors are scoped to the element and do not clash with other nodes of the DOM. Shadow DOM is part of … Continue reading Understanding ViewEncapsulation in Angular

Understating Angular Change Detection with example

Change Detection means updating the DOM whenever data is changed. Angular provides two strategies for Change Detection. Default strategy onPush strategy In default strategy, whenever any data is mutated or changed, Angular will run change detector to update the DOM. In onPush strategy, Angular will only run change detector only when new reference is passed … Continue reading Understating Angular Change Detection with example

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