Declarative state-to-alert bridge for scoped alert stacks
CngxAlertOn
DirectivePrimaryv0.1.0WCAG AA
projects/ui/feedback/alert/alert-on.directive.ts
Import#
import { CngxAlertOn } from '@cngx/ui/feedback'
Description#
Declarative state-to-alert bridge for scoped alert stacks.
Place on any element inside a CngxAlertStack subtree - fires an alert
when the bound CngxAsyncState transitions to error (or optionally success).
Only fires on actual transitions, not on initial idle state.
<cngx-alert-stack scope="form" />
<button [cngxAsyncClick]="save"
[cngxAlertOn]="saveState"
alertError="Save failed"
[alertErrorDetail]="true">
Save
</button>Metadata#
Index#
Inputs#
alertScope#
string | undefinedinput()
Scope for the alert - matches against CngxAlertStack's [scope] input.
The async state to watch. Optional - when omitted, falls back to
CNGX_STATEFUL from an ancestor/self component. A bare cngxAlertOn
attribute is treated as "no input bound".
default
undefined, { alias: 'cngxAlertOn', transform: (v) => (typeof v === 'string' ? undefined : v), }