The AOC Framework
github logodiscord logo

FRONTEND

<aoc-app> #

Es el componente raíz de tu aplicación.

Inputs #

Los inputs obligatorios están en negrita, los demás son opcionales:

Name Type Description
mainMenu AocUiDataMenu Es la estructura que definirá tu menú principal, con submenús, iconos, comandos, etc.
headerMenu AocUiDataMenu Es la estructura que definirá nuevos elementos para el menú (botón) de la derecha, el menú de Usuario.
showHeader boolean Mostrar el encabezado (por defecto true)
showMenu boolean Mostrar el menú (por defecto true)
showTabBar boolean Mostrar la barra de pestañas (por defecto true)
extraConditionToShowApp boolean Una condición adicional opcional aparte del login correcto para dar entrada a la aplicación (por defecto true)

Puede usar 2 templates para definir la estructura de la parte izquierda y de la parte derecha del encabezado de la aplicación.

<aoc-app>
  <ng-template aocAppHeader="left">
    ...
  </ng-template>
  
  <ng-template aocAppHeader="right">
    ...
  </ng-template>
</aoc-app>

Notas adicionales #

La condición extraConditionToShowApp es adecuada para los casos en los que necesitas realizar otras tareas o comprobaciones después de un inicio de sesión exitoso, antes de permitir que el usuario vea la aplicación.

API #

Definición completa en la API.

Por favor, busque en Issues y Discussions en Github para más información

© 2025 Atlantis of Code. All rights reserved.
All trademarks are the property of their respective owners.