designer

designer.html

<link rel="import" href="../core-ajax/core-ajax.html">

<polymer-element name="my-element">

  <template>
    <style>    
      :host {
        position: absolute;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
      }
      #core_ajax {
        left: 1190px;
        top: 380px;
        position: absolute;
      }
    </style>
  <core-ajax auto url="http://gdata.youtube.com/feeds/api/videos/" 
      params='{"alt":"json", "q":"chrome"}'
      handleAs="json"></core-ajax>
   
  <template repeat="{{response.feed.entry}}">
    <div>{{title.$t}}</div>
  </template>
  <script>

    Polymer('my-element', {
 
     document.addEventListener('polymer-ready', function() {
      var ajax = document.querySelector("core-ajax");
      ajax.addEventListener("core-response", 
        function(e) {
          document.querySelector('template').model = {
            response: e.detail.response
          };
        }
      );
    });     
      
    });

  </script>

</polymer-element>