ngx-crud
Language

Angular CRUD Package

ngx-crud

Offline-aware CRUD flows for Angular collections, with reusable service and component base classes.

SSR-safe defaults, standalone-first bootstrapping, and focused helpers for cached documents, retries, and CRUD list composition.

landing.ts

Project Overview

Package

ngx-crud

Focused Angular CRUD building blocks for collection syncing, retries, and reusable list behavior without rebuilding the same service layer per app.

License

MIT

Published as a public package and designed for reuse across multiple apps.

Installation

Install the package

$ npm i --save ngx-crud

Usage

Bootstrap with provideNgxCrud()

import { provideNgxCrud } from 'ngx-crud';

export const appConfig = {
  providers: [provideNgxCrud()],
};

Configuration

Centralize collection behavior

Configure collection-wide behavior once instead of scattering base URLs, storage prefixes, and connectivity policy across every CRUD service.

import { provideNgxCrud } from 'ngx-crud';

export const appConfig = {
  providers: [
    provideNgxCrud({
      http: { url: 'https://api.example.com' },
      store: { prefix: 'waStore' },
      network: { endpoints: ['https://api.example.com/ping'] },
    }),
  ],
};

Features

What ngx-crud includes

Bootstrap and configuration

Standalone-first setup centered on provideNgxCrud() for collection syncing and offline-aware CRUD flows.

provideNgxCrud() | store / http / network config | SSR-safe collection defaults

CRUD runtime

One extracted feature package that keeps data loading, mutation, retry, and cached document access together.

CrudService | CrudComponent | CrudDocument, CrudOptions, CrudConfig, TableConfig

Offline-aware behavior

Queue writes while offline, restore cached documents, and resync once connectivity returns.

create(), update(), unique(), delete() retry on reconnect | getSignal(), getSignals(), getFieldSignals() | loaded and getted completion streams

Reusable CRUD UI base

Extend CrudComponent to wire forms, pagination, bulk editing, sorting, and document actions into one base list view.

setDocuments(), bulkManagement(), getConfig() | create(), update(), delete(), mutateUrl() | server and local data modes

Reference

Documented feature pages

The detailed page below covers the extracted CRUD feature and its public API surface.