# Javascript et Thymeleaf

Pour intégrer des varibles thymeleaf dans un script JS il existe une synthax. Cette synthax est en commentaire et ne sera lue que par l'appli thymeleaf.

### Creation du script

<script th:inline="javascript">
 /*<![CDATA[*/
  

/*]]>*/
</script>

### Récupération d'une entitée
pour récupérer par exemple d'id du user (injecté au model dans le controller)

<script th:inline="javascript">
 /*<![CDATA[*/
  
  cont userId = /*[[${user.id}]]*/ "default";

/*]]>*/
</script>

La syntaxe est toujour du type`/*[[...]]*/`

### boucles

Si on veut boucler sur une liste injectée dans le model . Exemple avec mon projet : je veux récupérer les id d'une liste de musique dans une entitée artist :

  let trackId = [];

  /*[# th:each="track : ${artist.trackList}"]*/
    trackId.push(/*[[${track.id}]]*/ "default");
  /*[/]*/

j'ouvre la boucle sur les tracks dans la synthaxe thymeleaf :
` /*[# th:each="track : ${artist.trackList}"]*/`

et je la ferme avec cette synthaxe :
`/*[/]*/`

###### tags: `Spring Boot`