Passing data from a child component to a parent component in Angular can be done using several methods. Here are two common ways to accomplish this: Using the EventEmitter class Using a shared service 1. Using the EventEmitter class One way to pass data from a child component to a parent component is by using…

Here’s an example of how to pass a variable from a child component to a parent component using a shared service in Angular: 1. Create a shared service import { Injectable } from '@angular/core'; import { Subject } from 'rxjs'; @Injectable({ providedIn: 'root' }) export class DataService { private dataSource = new…

There are several ways to pass data/variables from a parent component to a child component in Angular. Two of the most common method are: Using @Input decorator Using shared service 1. Using @Input decorator One way is to use the @Input() decorator to declare a variable in the child component that will receive the…

We can use Set to store unique values in an array like a boss 💪. The Set object lets you store unique values of any type, whether primitive values or object references. const colors = ['blue', 'red', 'green', 'black', 'green']; console.log(colors); // ['blue', 'red', 'green', 'black', 'green'] const unique = Array.from(new Set(colors)); console.log(unique); // ['blue', 'red', 'green', 'black'] Set objects are collections of values. A value in the Set may only occur once; it is unique in the Set's collection. You can iterate through the elements of a set in insertion order. The insertion order corresponds to the order in which each element was inserted into the set by the add() method successfully (that is, there wasn't an identical element already in the set when add() was called).

Here is an example of how you could add asynchronous validation to a form in Angular: First, you’ll need to import the FormControl and FormGroup classes from the @angular/forms module, as well as any other modules that you'll need for your validation logic. import { FormControl, FormGroup } from '@angular/forms'; …

Event bubbling Event bubbling is a mechanism in JavaScript where an event propagates from the innermost element (i.e., the element that the event originated from) outwards to the outer elements. This means that if an event is triggered on a child element, it will also trigger on its parent elements, all the…

Here is an example of a simple code rating system implemented in JavaScript: // An array to store the ratings for each user let ratings = []; // A function to add a new rating for a user function addRating(user, rating) { ratings.push({ user: user, rating: rating }); } // A function…

Hoisting is a behavior in JavaScript where variable and function declarations are moved to the top of their scope, regardless of where they appear in the code. …

A closure in JavaScript is a function that has access to the variables in the scope where it was defined, even if that function is executed outside of that scope. This is possible because the function “closes over” the variables, meaning it retains a reference to them. To create a…