Menambahkan fungsionalitas dari spesifikasi template yang baru dengan beberapa fitur yaitu:
- Binding template dengan data (obyek javascript)
- Auto instantiation dengan menggunakan custom element
<template is="pants-template">
- Javascript instantiation dengan menggunakan
pants.template(template)
- Expression dalam bentuk mustache templating
Beberapa expression yang didukung adalah
<script type="text/javascript">
window.data = {
time: new Date()
};
</script>
<template is="pants-template" bind="{{ data }}">
<div>
<label>Time <input type="text" value="{{ time }}"></label>
</div>
<div>
<span>{{ time }}</span>
</div>
</template>
<script type="text/javascript">
window.data = {
name: 'John Doe',
points: [
{
'subject': 'Math',
'point': 90
},
{
'subject': 'English',
'point': 60
},
{
'subject': 'Physics',
'point': 100
}
]
};
</script>
<template is="pants-template" bind="{{ data }}">
<h2>{{ name }}</h2>
<ul class="points">
<template each="{{ points }}">
<li>{{ subject }} = {{ point }}</li>
</template>
</ul>
</template>
TBD
TBD
TBD