Angular Undo Redo History Store | ng-hub-ui-history

Angular undo and redo history store with Signals-friendly APIs, transactions, limits and reactive form support.

Interactive examples

Explore live examples that show how the library behaves in common Angular use cases.

Basic History

{
  "title": "Getting Started with History",
  "description": "Edit and commit to create undo/redo entries."
}

Nested Object History

{
  "id": "invoice-1",
  "customer": {
    "name": "Acme Corp",
    "city": "Madrid"
  },
  "lines": [
    {
      "name": "Support plan",
      "quantity": 1,
      "unitPrice": 150
    }
  ]
}

Reactive Form Watch

{
  "name": "Maria",
  "email": "maria@demo.local",
  "role": "Editor"
}

Transactions + Limits

Pointer: -1 / Entries: 0 / Bytes: 0 

{
  "id": "transaction-editor",
  "title": "Release notes draft",
  "content": "Initial draft content.",
  "tags": [
    "draft"
  ]
}