- PolymerJS provides an enhanced version of Template element with auto binding.
- In this demo,”We will check an use of auto binding for a template element”.
- Below code shows an example of IS attribute with auto-binding value.Normally template elements are not visible built by using auto binding, on page load the template HTML content is makes visible.
<!DOCTYPE html>
<html>
<head>
<script src="//cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/0.5.1/webcomponents.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/polymer/0.5.1/polymer.js"></script>
<title>PolymerJS template auto binding example</title>
</head>
<body>
<template is="auto-binding">
<h1>My Name is Sandeep.</h1>
</template>
</body>
</html>
- The output of demo code is embedded in below JSBIN link.
