- 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.