title: using polymer iron-selector events
body: <p>Here is the (abridged) code I am using with iron-selector </p>
  
  <pre><code>...
  &lt;iron-selector id="listSelection" attr-for-selected="name" on-tap="_itemSelected"&gt;
      &lt;template is="dom-repeat" items="{{boilerplateSets}}"&gt;
        &lt;div class="item" name='{{item.name}}'&gt;
          &lt;paper-icon-item &gt;
            &lt;paper-item-body two-line&gt;
              &lt;div&gt;{{item.name}}&lt;/div&gt;
              &lt;div secondary&gt;{{item.description}}&lt;/div&gt;
            &lt;/paper-item-body&gt;
            &lt;iron-icon class="big-icon" icon="hardware:keyboard-arrow-right"&gt;&lt;/iron-icon&gt;
          &lt;/paper-icon-item&gt;
          &lt;paper-ripple&gt;&lt;/paper-ripple&gt;
        &lt;/div&gt;
      &lt;/template&gt;
  ...
  </code></pre>
  
  <p>Followed by this script (also abridged)  </p>
  
  <pre><code>&lt;script&gt;
  Polymer
  (
      {
          is: 'boilerplate-list',
          ready: function()
          {
          this.boilerplateSets = [{name: 'CVs', description: 'Bolierplates'},
                                 {name: 'Addresses', description:                                    
                                 'Boilerplates'},];
          },
          behaviors: 
          [
              Polymer.NeonAnimatableBehavior
          ],
          _itemSelected: function(e,detail)
           {
                   console.log("selected e:" + e.name);
                   console.log("selected detail:" + detail.name);
  
                   var _selected = this.$.listSelection.selectedItem;
                   console.log('selected item:' + _selected);
                   this.fire('select',{item: _selected});
          },
        ...
      }
  );
  &lt;/script&gt;
  </code></pre>
  
  <p>I am struggling on two fronts:</p>
  
  <ol>
  <li><p>what configuration including which attribute/property do I use to access the value of the selected item? In this example I have <strong>tried</strong> to configure it to use the "name" value. This does not work in this example. I have had it working, but can not recall how; permutations might include "item.name" or "{{name}}" or "{{item.name}}". </p></li>
  <li><p>I am have is a race condition. The on-tap event fires and calls _ItemSlected. But when I read the values in this function they are not updated. The second time I tap and get the event to fire the values are now set, but to accurate to the last selection. </p></li>
  </ol>
  
  <p>I'd really value a decent example of iron-selector being used with binding (ie with {}) and with events firing including the use of the arr-for-selected and on-tap event.  </p>
  
  <p>Thank you. </p>