Popup unable to use {{#each}} syntax in content

cuisines: [{key:'american',state:'checked'}, {key:'english',state:'checked'}, {key:'african',state:''}],
                 
app.popup.create({
                        content:  `
                            <div class="popup">
                                <div class="page" data-name="filter-popup">
                                <div class="page-content">
                                    <div class="list">
                                        <ul class="filter-content">
                                            {{#each cuisines}}
                                            <li>
                                                <label class="item-checkbox item-content">
                                                    <input type="checkbox" name="demo-checkbox" value="{{this.key}}" {{this.state}}/>
                                                    <i class="icon icon-checkbox"></i>
                                                    <div class="item-inner">
                                                    <div class="item-title">{{this.key}}</div>
                                                    </div>
                                                </label>
                                            </li>
                                            {{/each}}
                                        </ul>
                                    </div>
                                </div>
                                </div>
                            </div>`,
                    }).open(); 

Why should be updated? Template7 doesn’t work like this: http://idangero.us/template7/

var cuisines = [{key:'american',state:'checked'}, {key:'english',state:'checked'}, {key:'african',state:''}];
var popupTemplate = Template7.compile(`
  <div class="popup">
  ...
  {{#each cuisines}}
  ...
  {{/each}}
  ...
  </div>
`);
app.popup.create({
  content: popupTemplate({ cuisines })
}).open();
1 Like

Thank you, and other question please, how to finally I can display data to page, my code es:

{{#each datos}}
  • {{this}}
  • {{/each}}

    Thank!

    By using template or templateUrl in routes http://framework7.io/docs/routes.html

    I use template, and componentUrl in my route.sj

    Thanks for the response… truly grateful