Dependency Injection
You don't need importProvidersFrom with Angular Material
Cover photo generated with Microsoft Designer. Traditionally, we had to import mixed Angular modules...
Articles by Lars Gyrup Brink Nielsen
40 articles · page 1 of 2
Testing
Testing routed components with RouterTestingHarness
RouterTestingHarness uses the actual Angular Router API in our routed component tests.
Testing
Testing Angular routing components with RouterTestingHarness, provideLocationMocks, and provideRouter
Learn how to implement integrated routing component tests with RouterTestingHarness, provideRouter, and provideLocationMocks.
Forms
The local component scope of standalone Angular components
The local component scope of a standalone Angular component is managed by listing declarable dependencies in the Component.imports metadata option.
Dependency Injection
Angular Revisited: Standalone Angular applications, the replacement for NgModules
The future is now, old man. Standalone Angular applications are now a viable alternative to classic NgModule-based Angular applications.
Testing
Simplifying Angular testbed setup by converting to synchronous test hooks
Surprising to some, calling TestBed.compileComponents is unnecessary unless you're Google.
Testing
Improving Angular tests by enabling Angular testing module teardown
Introducing the ModuleTeardownOptions#destroyAfterEach option for the Angular testbed.
Testing
Filtering Protractor end-to-end tests with Angular CLI
Demonstrating the "grep" and "invertGrep" test filtering options of Angular CLI's Protractor builder.
State
How to set up an Nx-style monorepo workspace with the Angular CLI: Part 5
In the final part of this tutorial, we create the seatmap data access, seat listing feature, shared buttons UI, and shared formatting utilities library. Finally, we compare our approach with the full Nx toolchain.
State
How to set up an Nx-style monorepo workspace with the Angular CLI: Part 4
In Part 4 of this tutorial, we create the check-in data access and check-in feature shell libraries. We create the check-in desktop application, review and verify how much our tool automated and finally create the mobile check-in application.
Testing
How to set up an Nx-style monorepo workspace with the Angular CLI: Part 3
In Part 3 of this tutorial, we create the passenger info and flight search feature libraries. We use the generate project tool to create the mobile booking application and its test project. Finally, we create a mobile version of the flight search component template.
Testing
How to set up an Nx-style monorepo workspace with the Angular CLI: Part 2
In Part 2 of this tutorial, we'll set up our custom generate project tool and create the shared and booking data access libraries with NgRx. To honor the flow of dependencies, we extract a shared environments library.
Testing
How to set up an Nx-style monorepo workspace with the Angular CLI: Part 1
In this step-by-step tutorial, we set up an Nx-style monorepo workspace with the Angular CLI. In this first part, we create an application project, an end-to-end test project, and a feature shell library.
RxJS
Create a component harness for your tests with Angular CDK
Learn how to create and consume a custom component harness using Angular CDK. With a step-by-step case study, we run it in unit tests and end-to-end tests.
Router
Tiny Angular application projects in Nx workspaces
Extract workspace libraries to get tiny Angular application projects. We'll create assets, styles, and environments libraries for an Nx workspace. Step-by-step commands and instructions.
TypeScript
A look at major features in the Angular Ivy version 9 release
AOT everywhere, dynamic globalisation, strict mode, Bazel, and much more.
Testing
Next-level testing in Angular Ivy version 9
AOT, faster tests, stronger types, and component harnesses.
Components
The Angular Ivy guide for library authors
How to respond to Angular Ivy in 2020/2021 if you're a library author.
Dependency Injection
Component features with Angular Ivy
The Angular Ivy runtime introduces a new concept called component features. Component features are mixins for components. They add, remove or modify traits at runtime.
Testing
Faking dependencies in Angular applications
Create components and directives for manual tests.
Testing
Testing and faking Angular dependencies
Learn the ins an outs of Angular dependency injection in automated tests.
Components
Lean Angular components
Building a robust component architecture.
RxJS
Presenters with Angular
Learn how to extract presenters from presentational components. We discuss stateful and stateless presenters, component-to-presenter ratios and when to use a component or a pipe instead of a presenter.
Components
Presentational components with Angular
Presentational components encapsulate presentation and UI behaviour. They can be stateful or stateless and are connected to the application state through their data binding API.