（九）Thymeleaf用法——Themeleaf注释

4. 注释   

模板名称：comment.html

4.1 标准 HTML/XML注释 

     语法：<!--     -->     

4.2 解析器级注释块（Parser-level comment blocks）    

语法：<!--/*    */-->     

thymeleaf解析时会移除代码    

<!--/*--> 
  <div>
     you can see me only before Thymeleaf processes me!
  </div>
<!--*/-->

单行：<!--/*  xxxxx  */-->    

双行：          

<!--/*-->          

     Xxxxxx          

     Xxxxxx         

<!--*/-->

4.3 针对原型的注释

语法：<!--/*/    /*/-->

<span>hello!</span>
<!--/*/
  <div th:text="${...}">
    ...
  </div>
/*/-->
<span>goodbye!</span>

thymealeaf解析时会移除掉此标签对，但不会移除其中的内容。

解析完成：

<span>hello!</span>
 
  <div th:text="${...}">
    ...
  </div>
 
<span>goodbye!</span>

4.4 与th:block结合

thymealeaf解析时会移除掉此标签对，但不会移除其中的内容。

th:block是一个属性容器，允许模板开发人员指定他们想要的任何属性。Thymeleaf将执行这些属性，然后简单地制作块，而不是其内容消失。

<table>
  <th:block th:each="user : ${users}">
    <tr>
        <td th:text="${user.login}">...</td>
        <td th:text="${user.name}">...</td>
    </tr>
    <tr>
        <td colspan="2" th:text="${user.address}">...</td>
    </tr>
  </th:block>
</table>

<table>
    <!--/*/ <th:block th:each="user : ${users}"> /*/-->
    <tr>
        <td th:text="${user.login}">...</td>
        <td th:text="${user.name}">...</td>
    </tr>
    <tr>
        <td colspan="2" th:text="${user.address}">...</td>
    </tr>
    <!--/*/ </th:block> /*/-->
</table>

 

view this：

  <div>  
        <ol>  
        <li>解释器级注释块(thymeleaf解析时会移除掉注释块所有代码)：  
        <!--/* this is content! */-->  
        </li>  
        <li>针对原型的注释(thymeleaf解析时会移除掉注释标签，但保留标签内的内容)：  
            <!--/*/ this is content! /*/-->  
        </li>  
        <li>与th:block结合(thymeleaf解析时会移除掉th:block注释块，但保留标签内的内容)：  
            <!--/*/<th:block th:each="user:${list}">/*/-->  
            <div th:text="${user.userName}"></div>  
            <!--/*/</th:block>/*/-->  
        </li>  
        </ol>  
    </div>