Angular Dev

HowTos

Unsorted

Angular Monorepo Setup

Here's some notes on how to develop Angular in a Monorepo, with a specific (non-global) Angular v...

Developing in Multiple Angular Versions

When developing Angular applications and libraries on a host, you have to pay attention to what v...

NVM - Node.js Version Manager

When maintaining Angular apps and other Javascript-based libraries, you will come across the need...

Building for Multiple Environments

You will encounter the need to have different settings when building for dev, prod, test, etc.Thi...

Angular Material Dark Mode Theming

Here are the steps required to implement light/dark mode in Angular 17 with Angular Material. On...

CSS Reset

Some browsers impose a margin and padding to elements, that will create inconsistent rendering. ...

V19 Sharing DI Services

Here are some steps to include, when creating a public library that uses services from DI, such a...

HttpClientModule Deprecation

The HttpClientModule has been deprecated as of Angular 18.So, here's what it looks like, to use H...

Angular: App Startup (pre-V19)

During application startup, you may have activities that need to occur before the first page open...

Angular: How to Return a Promise

You will come across the need to return a promise from a function. Here’s an example of a promis...

Angular: App Startup (V19 and later)

During application startup, you may have activities that need to occur before the first page open...

Angular Workspace Additional Setup

Here's some additional things that must be done to tidy up an Angular monorepo workspace. Envi...

Common Imports

Here's a list of common imports, used in Angular components. NOTE: Usage requires an import stat...

Angular Provider Usage

When developing libraries, you will come across the need for your library to somehow, convey or p...

VSCode CORS

When debugging webUI projects in VSCode, it can be necessary to disable any CORS checking, so tha...

Angular: Add Query Parameters without Router

Sometimes it is necessary to add query parameters to a REST API url without going through the Ang...

Angular Dynamic Routing

Here’s a technique for implementing dynamic routing, where we want a common page or component to ...

Angular: Get Button Name

When building navigation, or handling button clicks, it’s sometimes necessary to retrieve the nam...

Angular Context Menu

Here’s some notes on context menus in Angular. This article was used as basis: Context Menus Mad...

Typescript This

Taken from an older version of the Typescript handbook, as the latest does not include this, but ...

HTML CSS Prevent Text Selection

Here’s a simple css style you can add to your styles.scss of any project, to prevent user selecti...

Swapping Side-Nav Groups

As your application grows in complexity, it will be come necessary to add layers to your side nav...

Angular: Access CSS Variables

CSS Variables can be defined in css (or SCSS) like this: NOTE: These are defines in the root ele...

Web Push Notifications

Here’s some initial references for setting up Push Notifications in web pages. Service Worker AP...