Prerrequisitos

node.js 16.17.1+
Angular 16 (instalar mediante npm install -g @angular/cli)

Dependencias

Para utilizar desy-angular es necesario instalar previamente las siguientes librerías:

https://www.npmjs.com/package/desy-html
- Al instalar desy-html estamos añadiendo la dependencia de tailwindcss 3.0.24
https://www.npmjs.com/package/@angular/cdk

Puedes instalarlas mediante el comando npm install desy-html@6.2.1 @angular/cdk

Instalación

Si vas a crear un proyecto desde 0, puedes tomar el proyecto desy-angular-starter como punto de partida. Este proyecto viene con desy-angular configurado y listo para utilizarse. Puedes encontrarlo aquí: https://bitbucket.org/sdaragon/desy-angular-starter/

Después de instalar las dependencias anteriores, instale desy-angular través de:

npm install desy-angular

Una vez instalado, se debe importar el módulo principal DesyAngularModule y el módulo BrowserAnimationsModule en su módulo de aplicación:

app.module.ts

import { DesyAngularModule } from 'desy-angular';
 
@NgModule({
  declarations: [AppComponent, ...],
  imports: [DesyAngularModule, BrowserAnimationsModule, ...],
  bootstrap: [AppComponent]
})
export class AppModule {
}

Si no se va a usar todos módulos de desy-angular, se puede instalar solo lo necesario de esta forma:

app.module.ts

import { DesyButtonsModule, DesyFormsModule, DesyNavModule, DesyTablesModule, DesyViewsModule, DesyModalsModule } from 'desy-angular';
 
@NgModule({
  declarations: [AppComponent, ...],
  imports: [DesyButtonsModule, DesyFormsModule, DesyNavModule, DesyTablesModule, DesyViewsModule, DesyModalsModule, ...],
  bootstrap: [AppComponent]
})
export class AppModule { }

Configuración de router

Para que funcionen correctamente los componentes de navegación (DesyNavModule) es necesario activar anchorScrolling en la configuración de router.

Área de empleados públicos e Integradores

desy-angular v10.0 - Manual de instalación

Prerrequisitos

Dependencias

Instalación

app.module.ts

app.module.ts

Configuración de router