So you want to write your first Angular application, however setting up even a ‘Hello World’ Angular application is not easy. It requires many steps such as: Setting up a TypeScript compiler, if you choose to use TypeScript Configuration of Webpack or other module loader Setting up local web development server Installing and configuring dependencies … Continue reading Simplifying Angular CLI for beginners
Angular
Free Download – Angular Essentials E-Book to help you getting started
Are you new to Angular and just starting with it? Well, I have written a small eBook for you, which you may find useful. You can download it free from here This book does not contain everything of Angular. It just contains topic you need to get started with Angular. In these 10 pages E-Book, … Continue reading Free Download – Angular Essentials E-Book to help you getting started
Content Projection in Angular Element with Slot in Angular 7.0
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 carry … Continue reading Content Projection in Angular Element with Slot in Angular 7.0
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 is … Continue 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 pass … Continue 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 are … Continue 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 learn … Continue 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 use … Continue reading High Performance Angular Grid with Web Sockets
Understanding ViewEncapsulation in Angular
To understand ViewEncapsulation in Angular, first we should understand about Shadow DOM. You can learn in detail about Shadow DOM here. Putting it in simple words, Shadow DOM brings Encapsulation in HTML Elements. Using the Shadow DOM , markup, styles, and behaviors are scoped to the element and do not clash with other nodes of the DOM. Shadow DOM is part of … Continue reading Understanding ViewEncapsulation in Angular
Understating Angular Change Detection with example
Change Detection means updating the DOM whenever data is changed. Angular provides two strategies for Change Detection. Default strategy onPush strategy In default strategy, whenever any data is mutated or changed, Angular will run change detector to update the DOM. In onPush strategy, Angular will only run change detector only when new reference is passed … Continue reading Understating Angular Change Detection with example
