html - 如何在 HTML 模板中使用 for 循环

Question

我有一个在木偶 View 中使用的 html 模板。当我在 render 函数中调用它时，我在模板中传递了一个参数。我想根据参数的值添加多个 div 元素。如何在 html 模板中添加 for 循环？？

<div id="mainArea">
    <div data-role="view">
        <div id="scrollView" data-role="scrollView" data-stretch="true">
            <div id = 'leftArrowImage' class="leftArrowImage">
            </div>

            <div id = 'mainViewArea'></div>
            <div id = 'rightArrowImage'></div>
           
            
           /* I have passed a variable here named allWidgets. I want to add the number of divs(<div data-role="page" ></div>) equal to the length of allWidgets array. How do I do that*/ 
        </div>
    </div>
</div>

Answer 1

<link rel="stylesheet" type="text/css" href="Widgets/ReportWidget/styles/scrollLayout.css"/>

<div id="mainArea">
    <div data-role="view">
        <div id="scrollView" data-role="scrollView" data-stretch="true">
            <div id = 'leftArrowImage' class="leftArrowImage">
            </div>

            <div id = 'mainViewArea'></div>
            <div id = 'rightArrowImage'></div>
            <%  var i;
            for i in allWidgets{ %>
                <div data-role="page" class="pages"  >
            </div>
            }%>
        </div>
    </div>
</div>