如何从百里香叶增加bootstrap aria-controls标签增量

时间:2015-04-03 14:19:37

标签: twitter-bootstrap thymeleaf

我需要使用列表计数增加区域控制boostrap taf。 我的代码如下:

<th:block th:each="stateTitles, statesStatus: ${states}">
    <a data-toggle="collapse" id="stateCollapsed" class="collapsed" data-parent="#accordion" th:href="'#collapse' + ${statesStatus.index + 1}" 
        aria-expanded="true" aria-controls="'collapse' + ${statesStatus.index + 1}">
        <span id="state" th:text="${stateTitles}" /> 
        <span class="glyphicon glyphicon-menu-down"></span>
        <span class="glyphicon glyphicon-menu-up"></span>
    </a>
</th:block>

增量不适用于区域控制标记。 提前谢谢。

1 个答案:

答案 0 :(得分:5)

您需要使用th:attr才能使用Thymeleaf注入值,请查看文档here

所以将代码更改为:

<a data-toggle="collapse" id="stateCollapsed" class="collapsed" data-parent="#accordion" th:href="'#collapse' + ${statesStatus.index + 1}" 
        aria-expanded="true" th:attr="aria-controls='collapse' + ${statesStatus.index + 1}">