polymer-template

Template Polymer elements.

HTML

<script src="http://www.polymer-project.org/polymer.min.js"></script>

<polymer-element name="my-element" constructor="" attributes="">
  <template>
    <content>Hello World!</content>
    <paper-input id="mytext" value="{{text}}"></</paper-input>
    <paper-button on-click="click" value="submit"></paper-button>
  </template>
  <script>
    Polymer('my-element', {
      ready: function() {
        //console.log(this.webkitShadowRoot);
      },
      enteredDocument: function() {},
      leftDocument: function() {},
      attributeChanged: function(attrName, oldVal, newVal) {
        console.log(attrName, 'old: ' + oldVal, 'new:', newVal);
      },
      click:function(){
      alert(this.text);
      document.uerySelector('#mytext').disabled=true;
      }
    });
  </script>
</polymer-element>

<my-element></my-element>