NullInjectorError: No provider for Renderer2! en un Service de Angular

Si intentamos manipular el DOM desde un servicio de Angular (a sabiendas que no es aconsejado según las convenciones de Angular) es posible que nos salte el error: NullInjectorError: No provider for Renderer2 Si queremos romper las «reglas» y acceder al DOM podemos hacer una truquito mientras Angular arregla el issue (https://github.com/angular/angular/issues/17824) Lo que podemos […]

Añadir directorio para albergar una landing dentro de un proyecto Angular

No es lo más bonito, limpio, etc, etc… Pero, si queremos albergar una web/landing/blog o simplemente un directorio para tener algunos recursos dentro de nuestro proyecto en Angular { «$schema»: «./node_modules/@angular/cli/lib/config/schema.json», … «projects»: { «webapp»: { … «architect»: { «build»: { «builder»: «@angular-devkit/build-angular:browser», «options»: { … «assets»: [ «src/favicon.ico.png», «src/assets», «src/landing» ] } } } […]

Menús hamburguesa gratis

jajajaaja, mi primer intento de clickbait, pero si pero no. En verdad os traigo una colección molona de free burger menus para poner en vuestro sitio en tan solo 2 minutos. La web es: https://jonsuh.com/hamburgers/ Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?SINO

La guía (cheat sheet) definitiva de Grid CSS

En el post anterior os pasé un par de enlaces para ver qué es CSS GRID y para empezar a aprender. En este os paso un par de enlaces a modo de chuleta para refrescar la cantidad de propiedades que tiene CSS GRID. Aquí tenemos dos páginas de referencia para (de un plumazo) refrescar la […]

Aprender CSS GRID fácilmente

CSS GRID es una sistema de rejilla en dos dimensiones que permite crear layouts maravillosos para web. Podéis ver algunos ejemplos en: https://gridbyexample.com/examples/ Y si nos aventuramos a aprenderlo, aquei tenemos una página bastante molona para practicar: https://cssgridgarden.com A darle duro!! 👨‍💻 Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?SINO

Ir a un anchor/punto de ancla con un margen superior personalizado

A veces cuando nos queremos mover a un punto de «ancla» nos puede surgir un problema en el caso que tengamos, por ejemplo, un navbar. ¿Por qué? Porque HTML no reconoce si tiene una capa que le tape cierto contenido o no. Para solucionar esto tenemos una propiedad en css llamada scroll-margin-top, y le podemos […]

Expected validator to return Promise or Observable

Si te retorna este error en Angular es porque tendrás más de un «validator» sin que estén dentro de un array. Por ejemplo: this.formBuilder.group({ … email: [», Validators.required, Validators.email], }); Si tienes varios «Validators» sin que estos estén contenidos en su propio array, deberíamos modificarlos a: this.formBuilder.group({ … email: [», [Validators.required, Validators.email] ], }); Y […]

Crear el Model, Factory, Migration, Seeder y Controller con un solo comando en Laravel 8

Si estamos trabajando en Laravel 8 y queremos crear todos estos archivos: Model Factory Migration Seeder Controller Tan solo tendremos que ejecutar: php artisan make:model ModelName -a Nos devolverá: Model created successfully. Factory created successfully. Created Migration: 2021_06_30_063551_create_name_table Seeder created successfully. Controller created successfully. Tu opinión es importante para mi, ¿Te ha resultado útil este […]

sequelize.query() devuelve dos veces el mismo resultado

Pongamos, por ejemplo que tenemos esta simple consulta: const sessions = await Session.sequelize?.query( ‘SELECT * FROM sessions’ ) En este caso la constante sessions será algo como: [ { «id»: «», «createdAt»: «», … }, { «id»: «», «createdAt»: «», … }, … ], [ { «id»: «», «createdAt»: «», … }, { «id»: «», […]