JS Code :

var context = {
    "title": "Random Title",
    "items": [
        { "name": "foo", "tags": {"bar": "baz", "qux": "quux"} },
        { "name": "Lorem", "tags": { "ipsum": "dolor" }
        }
    ]
}
self.$el.html(QWeb.render( self.template,  context ));

Template:

<templates>
  <div t-name="example_template" t-attf-class="base #{cls}">
    <h4 t-if="title"><t t-esc="title"/></h4>
    <ul>
      <li t-foreach="items" t-as="item">
           <t t-esc="item.name" />
      </li>
    </ul>
  </div>
</templates>

Error Message:

 "No enumerator given to foreach"

It works fine without 't-foreach'. Thanks.