Components
Architecture with Ivy: A possible future without Angular Modules
For Ivy, NgModules are optional. This allows us to structure Angular applications with pure EcmaScript techniques like barrels and packages.
Components
173 articles · page 7 of 8
Components
Type-checking templates in Angular View Engine and Ivy
Stop guessing why your templates fail. Master Angular Ivy type-checking to catch build errors early and ensure full template safety.
Components
Type-checking templates in Angular ViewEngine and Ivy
Master Angular template type-checking with Ivy. Detect binding errors early, leverage type safety, and write cleaner, robust code.
Components
Tooltip with Angular CDK
Master Angular CDK Overlays by building a custom tooltip directive. Learn to render dynamic components and handle precise positioning.
Components
Why React Suspense Will Be a Game Changer
Eliminate boilerplate and messy loading states. Use React Suspense to decouple UI transitions, simplify async logic, and polish your UX.
Components
A generic way of handling loading-status, saving-status and validation errors in Angular
In this article we are going to implement a generic solution on how to fix 3 common usecases that involve redundancy in CRUD applications.
Components
Do you know how Angular transforms your code?
Struggling with Angular build errors? Master custom TypeScript transformers to debug AOT issues and streamline your Angular workflows.
Components
Building Interactive Lists with the new Angular 7 Drag and Drop tool
Simplify complex UI interactions with the Angular CDK drag-and-drop tool to build seamless sorting and list transfers in your apps.
Components
Exploring Drag and Drop with the new Angular Material CDK
Master drag-and-drop interactions in Angular apps with the CDK. Build intuitive, responsive task boards with minimal code effort.
Components
A comparison between Angular and React and their core languages
Struggling to choose between Angular and React? Compare these industry-standard technologies to select the perfect stack for your project.
Components
Upgrading with Web Components: From AngularJS to Angular
Upgrading from AngularJS to Angular can be challenging. Framework-independent Web Components can help here. Fortunately, Angular now allows exposing Web Components and beginning with AngularJS 1.7.3 you can easily consume them. To be more precise, we should use the word Custom Elements instead of We
Components
Top 3 Things Charter Learned About Reusable Designs and Components
This is a guest post by Geoffrey Cullins, Sr. Director, Portal App Development at Charter Communications. Modern web app development is complicated. Even when you go it alone, you’re faced with…
Components
Generating Custom Angular Code With The CLI And Schematics, Part III:
Extending Existing Code With The TypeScript Compiler API
Components
Angular Material Dialog: A Complete Example
In this post, we are going to go through a complete example of how to build a custom dialog using the Angular Material Dialog component. We are going to cover many of the most common use cases that revolve around the Angular Material Dialog, such as: common dialog configuration options, passing data
Components
Angular Debugging "Expression has changed": Explanation (and Fix)
In this post, we will cover in detail an error message that you will occasionally come across while building Angular applications: "Expression has changed after it was checked" - ExpressionChangedAfterItHasBeenCheckedError. We are going to give a complete explanation about this error. We will learn
Components
Angular Material Data Table: A Complete Example
In this post, we are going to go through a complete example of how to use the Angular Material Data Table. We are going to cover many of the most common use cases that revolve around the Angular Material Data Table component, such as: server-side pagination, sorting, and filtering. This is a step-by
Components
Automatically Updating Angular Modules With Schematics And The CLI
Table of Contents This blog post is part of an article series. Part I: Generating Custom Code With The Angular CLI And Schematics Part II: Automatically Updating Angular Modules With Schematics And The CLI Part III: Extending Existing Code With The TypeScript Compiler API Part IV: Frictionless Libra
Components
Service Workers - Practical Guided Introduction (several examples)
In this post, we are going to do a practical guided Tour of Service Workers, by focusing on one of its most important use cases: Application Download and Installation (including application versioning). As a learning exercise, I invite you to code along, and turn your application into a PWA by makin
Components
Angular :host, :host-context, ::ng-deep - The Complete Guide
In this post, we will learn how the default Angular styling mechanism (Emulated Encapsulation) works under the hood, and we will also cover the Sass support of the Angular CLI, and some best practices for how to leverage the many Sass features available. We will talk about when to use each feature a
Components
Safe image requests in angular
Since the browser just loads this image through a normal HTTP call, how is the server supposed to know if user A or user B is trying to consume an image? The server needs some kind of authorization to be passed to it. This article explains how to add security to images in Angular.
Components
Angular ng-template, ng-container and ngTemplateOutlet: Guided Tour
In this post, we are going to dive into some of the more advanced features of Angular Core! You have probably already come across with the ng-template Angular core directive, such as for example while using ngIf/else, or ngSwitch. The ng-template directive and the related ngTemplateOutlet directive
Components
How to manually bootstrap an Angular application
Bootstrap Angular apps dynamically based on runtime server configuration using the ngDoBootstrap hook for flexible, modular loading.
Components
Angular ngClass and ngStyle: The Complete Guide
In this post, we are going to learn the most commonly used options that we have available for styling our Angular components using the ngClass and ngStyle core directives. This is the first post of a two-part series in Angular Component Styling, if you are looking to learn about Angular style isolat
Components
Here is why you will not find components inside Angular
Demystify the internal relationship between Angular components and directives. Learn how the framework handles view nodes under the hood.