In this article, we will learn how to project content in an Angular Element. If you are unfamiliar with the following, Shadow Dom ViewEncapsulation Content Projection I recommend you read the articles below before moving forward: Understanding ViewEncapsulation in Angular Simplifying Content Projection in Angular As of now, you know that we use ng-content to carryContinueContinue reading “Content Projection in Angular Element with Slot in Angular 7.0”
Tag Archives: Angular
Simplifying Angular Data Binding to .NET Developers
Read full article on the Infragistics blog At my job, I get the opportunity to talk to many .NET developers who want to learn Angular. Often, I’ve seen that they bring their .NET skills and work to map that in the learning of Angular. While the effort and drive to learn is there Angular isContinueContinue reading “Simplifying Angular Data Binding to .NET Developers”
Angular Components: Pass by Reference or Pass by Value?
Read full article on the Infragistics blog In Angular, you can pass data from parent component to child component using @Input() decorator, and a child component can emit an event to a parent comment using @Output() decorator. The purpose of this blog post is to explain you whether it is pass by reference or passContinueContinue reading “Angular Components: Pass by Reference or Pass by Value?”
Simplifying Different Types of Providers in Angular
An Angular Service provider delivers a runtime version of a dependency value. Therefore, when you inject a service, the Angular injector looks at the providers to create the instance of the service. It is the provider that determines which instance or value should be injected at the runtime in component, pipes, or directives. There areContinueContinue reading “Simplifying Different Types of Providers in Angular”
Step by Step for Creating Your First Angular Element
Read full article on the Infragistics blogAngular Elements allow us to create reusable Angular components, which can be used outside of the Angular application. You can use an Angular Element in any other application such as normal HTML, React, etc. Essentially, Angular Elements are normal components, which are packaged as Custom Elements. You can learnContinueContinue reading “Step by Step for Creating Your First Angular Element”
High Performance Angular Grid with Web Sockets
Read full article on the Infragistics blog You may have come across the requirement to push data in real time to an Angular Grid. To push data to the browser, you need a technology called WebSocket. You can implement that using NodeJS or ASP.NET SignalR. For the purpose of this article, we will useContinueContinue reading “High Performance Angular Grid with Web Sockets”
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”
Dhananjay Kumar 