Componente Modal para Angular | ng-hub-ui-modal

animation

Tipo: boolean

If true, modal opening and closing will be animated. Default: true

backdrop

Tipo: boolean | "static"

If true, the backdrop element will be created. Alternatively, specify "static" for a backdrop which doesn't close the modal on click. Default: true

centered

Tipo: boolean

If true, the modal will be centered vertically. Default: false

placement

Tipo: HubModalPlacement

Controls where the modal is placed within the viewport. Default: HubModalPlacement.Center

keyboard

Tipo: boolean

If true, the modal will be closed when Escape key is pressed. Default: true

closeOnNavigation

Tipo: boolean

If true, the modal will be closed when the user navigates back in browser history (history.back(), browser back button). Default: true

size

Tipo: "sm" | "lg" | "xl" | string

Size of the modal window

windowClass

Tipo: string

A custom class to append to the modal window

backdropClass

Tipo: string

A custom class to append to the modal backdrop

dismissSelector

Tipo: string

Custom selector for elements that can trigger the dismissal of the modal window. Default: "[data-dismiss=\"modal\"]"

closeSelector

Tipo: string

Custom selector for elements that can trigger the closing of the modal window. Default: "[data-close=\"modal\"]"

headerSelector

Tipo: string

Custom selector for the header element of the modal window

footerSelector

Tipo: string

Custom selector for the footer element of the modal window

data

Tipo: any

Additional data that needs to be passed to the modal window when it is opened

Modal Template

Template reference that can be passed to the modal service

Ejemplo: