Showing posts from April, 2020
As per the Angular documentation Defines an interface that acts as a bridge between the Angular forms API and a native element in the DOM. Angular is a TypeScript-based open-source web application framework led by the An…
In this article, I will show how to find nth highest salary using LINQ. This is a very popular SQL interview question. The purpose of this article is to show you the LINQ operator that we can use to achieve the goal, not the …
In relational database terms, an inner join produces a result set in which each element of the first collection appears one time for every matching element in the second collection. If an element in the first collection has…
A left outer join is a way of joining tables together. Unmatched entries from only the table given before the LEFT OUTER JOIN clause are included in the result. Use a LEFT OUTER JOIN clause or a RIGHT OUTER JOIN clause when …
Visual studio code is a trendy free code editor from Microsoft. Visual Studio supports a lot of productive features like auto import, syntax colouring and a lot of extensions for making developer life more comfortable. In t…
Visual studio code is a trendy free code editor from Microsoft. Visual Studio supports many productive features like auto import, syntax colouring, and many extensions for making developer life more comfortable. In this articl…
The developer always used Google chrome console.log features for debugging their code. In this post, I will share some cool tips about console API console.log For simple logging in Google Chrome console we write console.l…
RxJS (Reactive Extensions for JavaScript) is a library for reactive programming using observables that makes it easier to compose asynchronous or callback-based code. See (RxJS Docs). Angular uses RxJS heavily in their fr…
What is a safe navigation operator in Angular? The Safe Navigation Operator is also known as the “ Elvis Operator ”. This operator is very useful to protect against null and undefined values in property paths. Let’s suppose…
TL;DR Angular is a very popular web framework of developing SPA (Single Page Application) and Native Application using modern technology like typescript and rxjs. Angular supports two types of compilation. AOT (Ahead of time …
What is template referece in Anulgar? Angular allows creating a reference of DOM element in template By doing this you can reference this variable anywhere in the template. To create template reference prefix the variable name w…
If you are working on Angular, then you must know about Renderre2 . It is a complete API of Angular that allows rendering virtual DOM that makes the application performant. Renderer2 is a class that provided API to manipulat…
What is Observable and How it is different from Promise. In this blog post, I will discuss Observable and Promise and their differences Promise and Observable both are used for making the asynchronous request, but there are s…
The directive is a function that executes whenever the Angular compiler finds it in the DOM. There are two types of directives in Angular. Attribute Directive -Change the properties of the HTML element when it gets applied &l…
In this video tutorial, I will show you how to change the default binding in WCF 4.0. WCF is a unified framework for creating SOA based application. By the end of this video, you will learn to create a WCF service in c#.
The most common use of this service is to optimize performance when starting a work consisting of one or more asynchronous tasks that don’t require UI updates or error handling to be handled by Angular. Such tasks can be kicked…
What is dependency injection in Angular? Angular is a standard web framework for developing SPA(Single Page Application) and Native application using javascript and HTML. Dependency Injection is one of the core building blocks of…
What are the main components of Angular The main building blocks of Angular are Module Components Template Metadata Binding Directive Services Dependency injection
What are the lifecycle hooks event in Angular? When the angular application runs, it goes through a different life cycle. Following are the life cycle hooks that angular goes through ngOnInit After the first ngOnChanges. …
How to auomatically subscribe and unsubscribe an Observable in Angular There are several ways to unsubscribe the Observable in Angular but best way to unsubscribe is using async pipe. The async pipe subscribes to an Observa…
How to convert Promise to Observable in Angular A promise is a future value. An observable is a flow of past and future values. So it makes sense to convert a list of promises into an observable. Angular implements Observable i…
How to trigger change detection manually in Angular If you want to trigger the Angular change detection manually, then you can use ChangeDectorRef class. You can inject the ChangeDectorRef in your component/service, and then yo…
Does angular template supports if else Yes. New Version of Angular framework support if else Let’s take an example. In the following code snippet, I am using Angular if else directive to showing the user is Admin or not.…
What is **NgZone** service? How Angular is notified about the changes? Zone.js is one of the Angular dependencies which provide a mechanism, called zones, for encapsulating and intercepting asynchronous activities …
How to make REST API call in Angular First import HttpClientModule in your main module Second Inject HttpClient in your constructor
What is a content project in Angular? Content projection allows you to insert a shadow DOM in your component. To put it simply, if you want to insert HTML elements or other components in a component, then you do that using th…
