ngx-request-lock

UI locking bound to HTTP request lifecycle

Angular library for binding UI flows to HTTP request lifecycles. A shared requestId coordinates buttons, forms, and panels across single or chained requests, unlocking them together when the flow completes without manual loading flags

Install

bash

          
            
              npm install ngx-request-lock

Requires Angular v22 or newer. Uses standalone APIs, functional HTTP interceptors, and signals

Start here

The problem

Why UI locking bound to HTTP matters

Architecture

How directive, context, interceptor and service connect

Installation

Add the provider and start using it

Directive Usage

Per-element directive patterns: basic, CRUD, pending state, custom directive

Flow Lock Examples

Shared requestId coordinating whole flows and visual in-flight state