Fun with GitHub Copilot #7 (Regex)
Regular Expressions are Hard, but not for Copilot Continue reading on ngconf »
Uncategorized
Angular Dynamic Component in Material Dialog with Dependencies
In my previous article I discussed how to dynamically lazy-load a standalone component at runtime into an Angular Material dialog. But, what if that standalone component has service dependencies, needs external configuration, or needs to communicate with the host dialog in some way? Let’s see several ways of solving those challenges. Here is the starting …
Angular Dynamic Component in Material Dialog with Dependencies Read More »
Custom Form Inputs with ControlValueAccessor
There are times when the default inputs available to us in the browser don’t meet our needs or need to be included in a reusable Angular… Continue reading on ngconf »
Loading App Configuration in the APP_INITIALIZER
If you’re anything like me, you’ve been placing the configuration for your Angular app in the environment.ts file, and then copying that… Continue reading on ngconf »
Angular Testing: Component Testing
Overview In the previous article, I defined “Unit Testing” and how we can apply those tests to our Angular application. We agree that, by definition, our business logic should live outside of our components, and most of our functionality will live in pipes, directives, and services, meaning most of our unit tests will test those …
Angular Dynamic Component in Material Dialog
Base image by Peggy und Marco Lachmann-Anke from Pixabay How can you inject a dynamic, lazy-loaded component into a Material Dialog at runtime? First, let me say that this might be overkill in many cases. Basic OO can often solve this kind of problem. But if you need to lazy-load a component at runtime and show that …
Use Data To Style Your Angular Components
Photo by Lukas Blazek on Unsplash When working on the UI, it is common to have data drive our styling. For example, in a grid of financial data, we could have negative numbers in red and positive numbers in green. Another common request is to style data based on its position. For example, this grid from …
Fun with GitHub Copilot #6 (Sample Data)
Never Lack Sample Data for Your Apps Continue reading on ngconf »
Reactive Forms Benefits: Validators
Form validation is an important part of the process when getting information from people in an application. We want to make sure that they… Continue reading on ngconf »