Javascript thymeleaf部分不在js中解释

我用百里香 在js函数中，我创建了一行。问题是thymeleaf部分没有被解释，所以thymeleaf代码仍然在代码中

<script type="text/javascript" th:inline="javascript">

    function addRow(tableId, letter){

        var row=`
            <tr>
              <td  data-id="${letter}">${letter}</td>
              <td> <input class="" type="checkbox" name="compression"> </td>
              /*[# sec:authorize="hasAnyRole('ROLE_ADMIN', 'ROLE_USER')"]*/   
              <td> <i class="fas fa-trash-alt delete"></i> </td>
              /*[/]*/
             </tr>
              `;
         ...
     } 

</script>

函数addRow（表ID，字母）{
var行=`
${letter}
/*[#sec:authorize=“hasAnyRole（'ROLE\u ADMIN'、'ROLE\u USER'）”]*/
/*[/]*/
`;
...
} 

---

看起来像是“thymeleaf的字符原因问题”

您应该像以前一样使用内联JavaScript，但有一点不同。代码示例如下：

<script type="text/javascript" th:inline="javascript">

    /*<![CDATA[*/
    function addRow(tableId, letter){

        var row='
            <tr>
              <td  data-id="' + ${letter} + '">' + ${letter} + '</td>
              <td> <input class="" type="checkbox" name="compression"> </td>' + 
              /*[# sec:authorize="hasAnyRole('ROLE_ADMIN', 'ROLE_USER')"]*/   
              '<td> <i class="fas fa-trash-alt delete"></i> </td>' + 
              /*[/]*/
             '</tr>';
         ...
     } 

</script>

/*

请注意CDATA的开始和结束标记