PolymerJS Auto Binding Example

image
  • 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.
PolymerJS template auto binding example