title: how to use for loop inside HTML template
body: <p>I have an html template which I use in marionette view . I pass a parameter in the template when I call it inside the render function . I want to add multiple div elements depending on the value of the parameter .How can I add for loop inside html template??</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="mainArea"&gt;
      &lt;div data-role="view"&gt;
          &lt;div id="scrollView" data-role="scrollView" data-stretch="true"&gt;
              &lt;div id = 'leftArrowImage' class="leftArrowImage"&gt;
              &lt;/div&gt;
  
              &lt;div id = 'mainViewArea'&gt;&lt;/div&gt;
              &lt;div id = 'rightArrowImage'&gt;&lt;/div&gt;
             
              
             /* I have passed a variable here named allWidgets. I want to add the number of divs(&lt;div data-role="page" &gt;&lt;/div&gt;) equal to the length of allWidgets array. How do I do that*/ 
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>