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 Count the Number of Properties of the JavaScript Object

While working with JavaScript, I come across a requirement to count a number of properties in a JavaScript object.  I found two ways to find the number of properties in an object. They are as follows: Using for loop Using Object.keys Consider an object, “cat”, as demonstrated below: https://gist.github.com/debugmodedotnet/71a86e81addac19528f75e4591767122 You can find a number of … Continue reading How to Count the Number of Properties of the JavaScript Object

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

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

Hosted 11th free Angular session

On 13 January 2018, geek97 hosted 11th free session on Angular in Gurgaon. You can find detail of meetup hereAround 35 senior Angular Developers attended the meetup and Dhananjay Kumar delivered the sessions. There were two sessions:Component Communications @Input @Output EventEmitterTemp Ref variable Reactive Forms FormControl FormGroupValidation Custom Validation You can learn in details about … Continue reading Hosted 11th free Angular session