-
How to use for…of loop with an Object in JavaScript
In my last post, I discussed Always Use the for…of loop to iterate in JavaScript. After this post, I got a question that, is it possible to use for…of loop with an object? Means, can you use the for…of loop to iterates properties of an object. Let us try this, let Product = { Id: 1, Title: 'Pen', Price: 1000, sendDetail: () => { } […]
-
Always Use the for…of loop to iterate in JavaScript
In JavaScript to iterate over the values of an array, map, object, etc. use the for…of loop. In a specified order, it iterates over the set of values of an iterable object such that array. It would be best if you use a for…of loop for looping. You must have used the for…in loop to […]
-
The simplest way to Remove Duplicate Items from a JavaScript Array
You may have often come across a requirement to remove duplicate items from a JavaScript array. There are multiple ways to achieve it. Such that, Using the forEach loop and manually checking for the duplicate values Using the array’s filter method and others Using the Set object Let us say; you have an array as […]
-
How to use conditions in Angular Template using
There are various ways you can apply conditions on Angular Template. Usually, you apply conditions to show a particular value or render a specific element based on a condition. In this post, let us see, the simplest way of achieving the conditions in Angular Template using the <ng-container> and <ng-template>. To start with consider data, […]
-
Using Spread Syntax to Merge Objects in JavaScript
Have you come across a requirement to merge two or more object in another object? Most simply, you can achieve it by using JavaScript Spread syntax (…). Due to its multi functionalities purpose, JavaScript Spread Syntax is one of the most useful operators. You can use it, Rest parameters to a function To merge two […]
-
Why use exportAs Property in Angular
Have you used exportAs property of a directive? It could be instrumental in working with public methods of a directive. Let us say; you have created a custom directive to change the background colour of the host element on the mouse hover as below, The above custom directive changes the background colour of the host […]
-
Four Ways to Create a Function in JavaScript
There are four ways a function can be created in JavaScript. They are as follows: A function as a statement A function as an expression A function as an arrow function A function created using the Function constructor All four ways of function creation have distinct features such as an arrow function that does not […]
-
Video – Simplifying Dependency Injection and Services in Angular, ng-India Webinar recording
In this webinar, you learn about Tree shakabale service Singleton service Various provideIn options such as forRoot, any Providers useClass, useFactory, useValue, useExisting Global Error Handling Services in lazy loaded modules For more such videos subscribe to the channel here : https://www.youtube.com/c/geek97
-
Video – Simplifying Change Detection in Angular, ng-India Webinar recording
In this video, learn everything about Angular Change Detection For more such videos subscribe to the channel here : https://www.youtube.com/c/geek97
-
When to use viewProviders in Angular – Simplified
I have often seen developers are confused about viewProviders property of the @Componnet decorator. This post explains to you about the viewProviders option. The viewProviders defines the set of injectable objects that are visible to its view, DOM children. They are not visible to the content children. At the component level, you can provide a service in two ways: Using the providers array Using the viewProviders array. […]