...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
Versión
...
Fecha
...
Editor
...
Cambios
...
5.0.0
...
15/11/2021
...
Roberto Clemente
...
Sustitución de dependencia de desy-frontend por desy-html
Prerequisitos
...
Angular 11 (instalar mediante
npm install -g @angular/cli@^11.0.0, o biennpm install -g @angular/cli@^11.0.0para instalar globalmente)
Dependencias
...
Para utilizar desy-angular es necesario instalar previamente las siguientes librerías:
...
Puedes instalarlas mediante el comando npm install desy-html@5.0.0 @angular/cdk@^11.0.0
Instalación
...
| Info |
|---|
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/ |
...
| Code Block | ||
|---|---|---|
| ||
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
| Code Block | ||
|---|---|---|
| ||
import { DesyAngularModule } from 'desy-angular';
@NgModule({
declarations: [AppComponent, ...],
imports: [DesyAngularModule, BrowserAnimationsModule, ...],
bootstrap: [AppComponent]
})
export class AppModule {
} |
| Expand | |||||
|---|---|---|---|---|---|
| |||||
Si no se va a usar todos módulos de desy-angular, se puede instalar solo lo necesario de esta forma: app.module.ts
|
Configuración de router
Para que funcionen correctamente los componentes de navegación (DesyNavModule) es necesario activar anchorScrolling en la configuración de router.
| Expand | |||||
|---|---|---|---|---|---|
| |||||
(ver https://angular.io/api/router/ExtraOptions#anchorScrolling) |
Configuración de tailwindcss
Desy-angular usa las clases css que nos aporta desy-html, haciendo uso de la librería tailwindcss. Para su correcto funcionamiento y visualización es recomendable la siguiente configuración.
...