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 ofContinueContinue reading “How to Count the Number of Properties of the JavaScript Object”
Author Archives: Dhananjay Kumar
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 AngularContinueContinue 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:ContinueContinue 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 partContinueContinue 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 loadContinueContinue 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, productNameContinueContinue reading “Step by Step creating Custom Pipe in Angular”
How to create Custom Validator for Angular Reactive Forms
Learn full article on the Infragistics blog In this blog post, we will learn to create custom validators in Angular Reactive Forms. If you are new to reactive forms, learn how to create your first Angular reactive form here. Let’s say we have a login form as shown in the listing below. Currently, the formContinueContinue reading “How to create Custom Validator for Angular Reactive Forms”
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 aboutContinueContinue reading “Hosted 11th free Angular session”
Understanding @Output and EventEmitter in Angular
Read full article on the Infragistics blog Angular is based on a one-directional data flow and does not have two-way data binding. So, how do you get a component to emit an event to another component? In Angular, a component can emit an event using @Output and EventEmitter. Both are parts of the @angular/core.ContinueContinue reading “Understanding @Output and EventEmitter in Angular”
Simplifying function expressions and the function statement in JavaScript
Read full article on the Infragistics blog In JavaScript, a function can be created in three possible ways: Function as an expression Function as a statement Arrow functions In this post, we will learn about function expressions and the function statement. Consider the following code: https://gist.github.com/debugmodedotnet/e4b1dc967bc51b6c8dd1ff98d8d88dc6 When you create a function as shown above, itContinueContinue reading “Simplifying function expressions and the function statement in JavaScript”
Dhananjay Kumar 