Orden de carga bloque JavaScript en Thymeleaf
Escenario
Tengo una aplicación desarrollada con la plataforma Spring Boot que usa para producir las páginas HTML el motor de plantillas Thymeleaf.Problema
Un bloque de JavaScript incrustado en una de las páginas genera un error porque una de sus variables no es reconocida por el intérprete. Por lo que veo, la biblioteca de programación que proporciona dicha variable se carga después de ejecutarse el código del bloque de la página. Necesito que dicho bloque se ejecute después de que el navegador haya cargado los ficheros de JavaScript referenciados en la plantilla general (layout.Solución
En el layout (admin-layout.html) hay que añadir el siguiente bloque, después de los javascripts comunes a toda la aplicación:|
1 2 3 4 5 6 7 |
... <div layout:fragment="content">A placeholder for real content.</div> ... <script src="/js/admin.js"></script> <th:block layout:fragment="scripts"></th:block> |
|
1 2 3 4 5 6 7 8 |
<article layout:fragment="content"> // contenido de la página </article> <th:block layout:fragment="scripts"> <script> alert("este alert se muestra después de haberse cargado admin.js"); </script> </th:block> |