Tag

Angular

12 articles tagged with Angular.

Messaging

Server-sent events with ASP.NET Core and Angular: a frame is a signal, never the data

Learn how to push real-time updates from ASP.NET Core to Angular with server-sent events, across several replicas, without a dropped frame ever showing a wrong screen.

7 min read

Security

A strict Content Security Policy for an Angular SPA served by ASP.NET Core

Learn how to send a real Content Security Policy from ASP.NET Core in front of an Angular application, and which concessions you cannot avoid.

7 min read

Testing

Visual review for an Angular app: a Playwright gallery of every page

Learn how to build a Playwright gallery that photographs every route of an Angular app, in both themes and three widths, so a human can review the layout unit tests never see.

7 min read

Front end

Building overlays on the Angular CDK: tooltip, drawer and menu

Learn how to build accessible, well-positioned and themeable tooltips, drawers and menus on the Angular CDK, and which CDK primitive fits each one.

7 min read

Front end

Runtime theming in Angular with CSS tokens and Tailwind CSS 4

Learn how to change the accent colour and switch dark mode at runtime in an Angular application, with CSS custom properties, Tailwind CSS 4 and a contrast check that keeps every colour legible.

7 min read

Front end

Just use <input type="date">: a date control for Angular without a library

Learn how to build an accessible, mobile-friendly date field in Angular on the native input, with dark mode, min/max, reactive forms and a date range.

7 min read

Security

Keep the access token out of the browser: a BFF for Angular with ASP.NET Core and YARP

Learn how to build a Backend-for-Frontend with ASP.NET Core and YARP so that your Angular application never holds an access token.

8 min read

Front end

Enhancing User Experience with track in Angular

Choose the right track expression for Angular's @for block, measured in the DOM, to avoid recreating list rows and losing their state.

6 min read

Tooling

Configure Husky with Angular

Run lint-staged (ESLint and Prettier) and commitlint before every commit in an Angular 22 project with Husky 9 Git hooks.

6 min read

Tooling

Configure ESLint with Angular

Add ESLint to an Angular 22 project with ng add angular-eslint, understand the generated flat config and lint and fix your TypeScript and templates.

4 min read

Tooling

Configure Prettier with Angular

Configure the Prettier that the Angular CLI installs, format Angular templates with the angular parser, ignore files and add format scripts.

5 min read

Front end

Install Angular Material in an Angular project

Install Angular Material 22 in a standalone Angular 22 project, understand the Material 3 theme that ng add generates and add your first Material button.

5 min read