close():
void
Triggers alert closing programmatically (same as clicking on the close button (×)).
void
open():
void
Triggers the alert to be displayed for the user.
void
new AlertBodyDirective():
AlertBodyDirective
templateRef:
TemplateRef
<any
>
static
ngTemplateContextGuard(dir
,context
):context is AlertContext
• dir: AlertBodyDirective
• context: unknown
context is AlertContext
new AlertComponent():
AlertComponent
readonly
_widget:AngularWidget
<AlertWidget
>
animated:
undefined
|boolean
If true
, alert closing will be animated.
Animation is triggered when clicked on the close button (×),
via the .close()
function or the visible prop is changed
true
animatedOnInit:
undefined
|boolean
If true
, alert opening will be animated.
Animation is triggered when the .open()
function is called
or the visible prop is changed
false
ariaCloseButtonLabel:
undefined
|string
Accessibility close button label
'Close'
children:
SlotContent
<AlertContext
>
Template for the alert content
className:
undefined
|string
CSS classes to be applied on the widget main container
''
readonly
defaultSlots:WritableSignal
<Partial
<AlertProps
>,Partial
<AlertProps
>>
dismissible:
undefined
|boolean
If true
, alert can be dismissed by the user.
The close button (×) will be displayed and you can be notified of the event with the (close) output.
true
hidden:
EventEmitter
<void
>
Callback called when the alert is hidden.
() => {}
shown:
EventEmitter
<void
>
Callback called when the alert is shown.
() => {}
slotDefaultFromContent:
undefined
|AlertBodyDirective
slotStructureFromContent:
undefined
|AlertStructureDirective
structure:
SlotContent
<AlertContext
>
Global template for the alert component
transition:
undefined
|TransitionFn
The transition function will be executed when the alert is displayed or hidden.
Depending on the value of animatedOnInit
, the animation can be optionally skipped during the showing process.
fadeTransition
type:
undefined
|BSContextualClass
Type of the alert, following bootstrap types.
'primary'
visible:
undefined
|boolean
If true
the alert is visible to the user
true
visibleChange:
EventEmitter
<boolean
>
Callback called when the alert visibility changed.
() => {}
get
api():W
["api"
]
W
["api"
]
get
state():Signal
<WidgetState
<W
>>
Signal
<WidgetState
<W
>>
get
widget():ContextWidget
<W
>
ngAfterContentChecked():
void
A callback method that is invoked immediately after the default change detector has completed checking all of the directive's content.
void
AfterContentChecked.ngAfterContentChecked
ngOnChanges(
changes
):void
• changes: SimpleChanges
void
ngOnInit():
void
void
AlertContext:
WidgetSlotContext
<AlertWidget
>
new AlertDefaultSlotsComponent():
AlertDefaultSlotsComponent
structure:
TemplateRef
<AlertContext
>
const
alertDefaultSlotStructure:ComponentTemplate
<unknown
,"structure"
,AlertDefaultSlotsComponent
>
transitionDirective:
Directive
the transition directive, piloting what is the visual effect of going from hidden to visible
animated:
boolean
If true
, alert closing will be animated.
Animation is triggered when clicked on the close button (×),
via the .close()
function or the visible prop is changed
true
animatedOnInit:
boolean
If true
, alert opening will be animated.
Animation is triggered when the .open()
function is called
or the visible prop is changed
false
ariaCloseButtonLabel:
string
Accessibility close button label
'Close'
children:
SlotContent
<AlertContext
>
Template for the alert content
className:
string
CSS classes to be applied on the widget main container
''
dismissible:
boolean
If true
, alert can be dismissed by the user.
The close button (×) will be displayed and you can be notified of the event with the (close) output.
true
onHidden: () =>
void
Callback called when the alert is hidden.
void
() => {}
onShown: () =>
void
Callback called when the alert is shown.
void
() => {}
onVisibleChange: (
visible
) =>void
Callback called when the alert visibility changed.
• visible: boolean
void
() => {}
structure:
SlotContent
<AlertContext
>
Global template for the alert component
transition:
TransitionFn
The transition function will be executed when the alert is displayed or hidden.
Depending on the value of animatedOnInit
, the animation can be optionally skipped during the showing process.
fadeTransition
type:
BSContextualClass
Type of the alert, following bootstrap types.
'primary'
visible:
boolean
If true
the alert is visible to the user
true
ariaCloseButtonLabel:
string
Accessibility close button label
'Close'
children:
SlotContent
<AlertContext
>
Template for the alert content
className:
string
CSS classes to be applied on the widget main container
''
dismissible:
boolean
If true
, alert can be dismissed by the user.
The close button (×) will be displayed and you can be notified of the event with the (close) output.
true
hidden:
boolean
Is true
when the alert is hidden. Compared to visible
, this is updated after the transition is executed.
structure:
SlotContent
<AlertContext
>
Global template for the alert component
type:
BSContextualClass
Type of the alert, following bootstrap types.
'primary'
visible:
boolean
If true
the alert is visible to the user
true
new AlertStructureDirective():
AlertStructureDirective
templateRef:
TemplateRef
<any
>
static
ngTemplateContextGuard(dir
,context
):context is AlertContext
• dir: AlertStructureDirective
• context: unknown
context is AlertContext
AlertWidget:
Widget
<AlertProps
,AlertState
,AlertApi
,object
,AlertDirectives
>
createAlert(
props
?):AlertWidget
Create an AlertWidget with given config props
• props?: PropsConfig
<AlertProps
>
an AlertWidget
getAlertDefaultConfig():
AlertProps
Retrieve a shallow copy of the default Alert config
the default Alert config
PartialAlertProps:
Partial
<AlertProps
>