Use the buttons below to switch between AsyncResult states. Demonstrates createSuccessAsyncResult, createFailedAsyncResult, executeAsyncOperation, and isAsyncResult.
+isAsyncResult guard: {{ msg }}
+ } + } +Click a button above or "Simulate load" to see content.
+No items.
++ This demo showcases the ppwcode Angular SDK: ng-async, ng-common, ng-common-components, ng-dialogs, ng-forms, ng-router, ng-state-management, ng-utils, ng-wireframe, and ng-unit-testing. Use the sidebar or the cards below to open each demo. +
This dialog can be dragged by the title bar. Uses ppwDraggableDialog and cdkDragHandle from ng-dialogs.
+Demonstrates the DraggableDialogDirective from ng-dialogs. Click the button to open a dialog that can be dragged by its title bar.
+ +Demonstrates file download helpers from ng-async: saveDownloadedFile (fixed filename) and saveFileDownload (filename from response / FileDownload).
+Demonstrates ng-forms: createNonNullableControl (required, notOnlySpacesValidator), createNullableControl (optional nickname). Reset restores non-nullable to initial value and nullable to null.
+ +Demonstrates LOCAL_STORAGE_TOKEN from ng-common: getItem, setItem, removeItem. Uses provideLocalStorage() from app config.
+Last read value: {{ lastRead() ?? '(empty)' }}
+Type-safe routing with ng-router: getFullRoutePath(route) and ppwRouteMapRoute pipe for routerLink. Links below use the route map.
+ +SignalStore from ng-state-management: initialize, patch, select, selectMany. Load triggers async patch; filter uses selectMany.
+ +This component extends mixinHandleSubscriptions() and uses stopOnDestroy(interval(1000)) so the interval is automatically unsubscribed when the component is destroyed. Navigate away and back to see the counter reset.
+Counter (ticks every second): {{ counter() }}
+Assertion utilities from ng-utils: natural, noDuplicates, notUndefined, notNull.
+{{ notUndefinedResult() }}
+ } + @if (notNullResult()) { +{{ notNullResult() }}
+ } +