Code

<juicy-html html='
    All those nodes will get <code>.model</code> property with object given in model attribute.
    <dom-bind>
      <template is="dom-bind">
        <p>which can be used by <span>{{model.polymer}}</span></p>
      </template>
    </dom-bind>
    <div></div>
    <script>
      var script = document.currentScript;
      var div = script.previousElementSibling
      div.innerHTML = script.model.vanilla;
      console.info("attached model", document.currentScript.model);
  </script>' model='{
    "name": "World",
    "polymer": "Polymer's dom-bind",
    "vanilla": "as well as by native JS <code>&amp;lt;script&amp;gt;</code> or custom elements"
  }'>
</juicy-html>