<script src="//www.polymer-project.org/components/platform/platform.js"></script>

<link rel="import" href="//www.polymer-project.org/components/polymer/polymer.html">

​

<my-element></my-element>

​

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

<template>

  <ul id="my_data"></ul>

</template>

<script>

  Polymer('my-element', {

    data: [

      'alpha',

      'beta',

      'gamma'

    ],   

​

    ready: function() {

      this.setData(this.data);

    },

    dataSelected: function(selectedText) {

      console.log('dataSelected: ' + selectedText);

    },

​

    setData: function(data) {

      for (var i = 0; i < data.length; i++) {

        var li = document.createElement('li');

        li.addEventListener('click', function(e) {

          this.dataSelected(e.target.innerText);

        }.bind(this));

        li.innerText = data[i];

        this.$.my_data.appendChild(li);

      }

    }

  });

</script>

</polymer-element>