防止模板循環內的標簽被多次輸出？

Question

我正在嘗試創建一個表，該表的id單元格應基於sessions數組的長度跨越3列，現在，因為id單元格在循環內，當我只希望它具有一次功能時它會輸出3次。 是否可以在模板中進行設置？

JS

<table>
    <tbody class="js-output">
        <script type="text/html" id="tmpl">
            <% _.each(sessions, function(session) { %>
                <tr>
                    <td rowspan="<%- session.length %>"><%- id %></td>
                    <td><%- session %></td>
                    <td><select name="" id=""></select></td>
                </tr>
            <% }) %>
        </script>
    </tbody>
</table>

小提琴： https : //jsfiddle.net/egks4ys1/

硬編碼布局： https : //jsfiddle.net/egks4ys1/1/

Answer 1

這是一個模板，用於與其他元素分開處理第一個session元素。

<table>
    <tbody class="js-output">
        <script type="text/html" id="tmpl">          
            <tr>
                <td rowspan="<%- sessions.length %>"><%- id %></td>
                <td><%- _.first(sessions) %></td>
                <td><select name="" id=""></select></td>
            </tr>
            <% _.each(_.rest(sessions), function(session) { %>
                <tr>
                    <td><%- session %></td>
                    <td><select name="" id=""></select></td>
                </tr>
            <% }) %>
        </script>
    </tbody>
</table>

小提琴： https : //jsfiddle.net/egks4ys1/6/

Answer 2

我已經使用了index和if構造，如下所示：

<table>
<tbody class="js-output">
    <script type="text/html" id="tmpl">
        <% _.each(sessions, function(session,i) { %>
            <tr>
                <% if(i!=0){ %> 
                <td><%- session %></td>
                <td><select name="" id=""></select></td>    <%}%>

                <% if(i==0){%>  <td  rowspan="<%- sessions.length %>"><%- id %></td>
                <td><%- session %></td>
                <td><select name="" id=""></select></td><%}%>   
            </tr>
        <% }) %>
    </script>
</tbody>

JSFiddle： https ://jsfiddle.net/egks4ys1/14/