Pass data into ons-template for data-binding (from parent element to child)?

JJ

Is it possible to pass data to <ons-templates> for data-binding like handlebars.js?
I’ve seen the angular examples use binding, but I’m using plain javascript.

Something like specifying data-binding values via the parent element’s data attributes would be ideal:

<ons-tabbar swipeable position="auto" hide-tabs="true" id="tab">
  <ons-tab label="Tab 1" page="tabTemplate.html" data-pagenumber="555">
  </ons-tab>
</ons-tabbar>

<template id="tabTemplate.html">
  <ons-page class="tabpage">
    <p style="text-align: center;">
     This is page {{data-pagenumber}}.
    </p>
  </ons-page>
</template>

onsentest

Very interested in this - don’t think its supported without using Angular, React, Vue etc… But if it is, interested to hear approaches…