Admite los mismos parámetros de entrada que el objeto AccordionItemData. El parámetro open admite double-binding.
Cada item está compuesto por una cabecera y un contenido, que se podrán representar mediante los componentes AccordionHeaderComponent y ContentComponent, respectivamente. El componente ContentComponent es común entre los módulos, por lo que se encuentra en el módulo DesyCommonsModule.
Implementación básica
Con heading y showControls
Alert
Permite abrir una notificación. Se recomienda su creación dinámica desde el servicio AlertService.
Propiedad
Evento
Tipo
Descripción
Obligatorio
Propiedad
Evento
Tipo
Descripción
Obligatorio
active
activeChange
boolean
Indica si el alert está activo. Se puede modificar internamente, por lo que se recomienda el uso de two-way binding.
Propiedad
Tipo
Descripción
Obligatorio
Propiedad
Tipo
Descripción
Obligatorio
id
string
Identificador.
Sí.
caller
TemplateRef <any>
Template para mostrar como contenido del elemento.
Sí, al crearse desde template.
classes
string
Clases CSS separadas por espacio que se aplicarán sobre el componente.
focusFirst
boolean
Permite focalizar sobre el primer elemento dentro del alert al abrirse
Genera una lista de descripción (<dl>). El elemento incluye una lista de grupos de términos (especificados mediante el elemento <dt>) y descripciones (proporcionadas por elementos <dd>)
Details
Permite ver detalles adicionales que el usuario puede abrir y cerrar.
Item
Permite introducir un item
Media-object
Genera una etiqueta div que contiene a su vez otro div con una figura en formato Html y un div con texto .
Pagination
Permite visualizar paginas en listados e interactuar con ellas
Spinner
Permite representar un spinner durante procesos de carga.
Status
Permite representar el estado de un elemento o de una operación.
Status-item
Permite introducir un item con status
Tabs
Permite introducir pestañas para organizar el contenido
Tooltip
Permite mostrar información ampliada colocando el ratón encima de un elemento
Accesibilidad
En todos los componentes se han tenido en cuenta los siguiente parámetros de accesibilidad. Se detalla en cada componente.
Parámetro
Atributo de accesibilidad equivalente
Parámetro
Atributo de accesibilidad equivalente
role
role
ariaLabel
aria-label
ariaDescribedBy
aria-describedby
ariaLabelledBy
aria-labelledby
ariaHidden
aria-hidden
ariaDisabled
aria-disabled
ariaControls
aria-controls
ariaCurrent
aria-current
ariaLive
aria-live
ariaExpanded
aria-expanded
ariaErrorMessage
aria-errormessage
ariaHasPopup
aria-haspopup
ariaModal
aria-modal
tabindex
tabindex
Componentes relativos a vistas
Vamos a ver como se usa cada uno de los servicios.
AlertService
Servicio que permite abrir y cerrar alerts de forma dinámica, es decir, sin tener que especificar los componentes en el HTML.
Contiene los siguientes métodos:
openAlert
Permite abrir un alert en una posición específica del html.
closeAlert
Permite cerrar un alert.
onCloseAlert
Permite gestionar el evento de cierre de un alert.
