<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 data='["alpha", "beta", "gamma"]'></my-element>

​

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

<template>

  <ul id="my_data">

    <template repeat="{{item in data}}">

      <li on-tap="{{dataTap}}">{{item}}</li>

    </template>

  </ul>

</template>

<script>

  Polymer('my-element', {

    data: [],

    dataTap: function(e) {

      console.log('dataSelected: ' + e.target.textContent);

    }

  });

</script>

</polymer-element>