Polymer：OnClick内部组件

Question

我有以下结构，就是当对象被包裹时它不会捕获click事件。

<link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/paper-item/paper-item.html">
<link rel="import" href="sentiment-bar.html">

<!--
A widget bar
-->
<polymer-element name="bar-component">
  <template>
  <style>
  :host {
    margin: 20px;
    cursor: pointer;
  }
  </style>
  <div horizontal layout end id="sentimentBar">
    <sentiment-bar value="25" sentiment="very-negative" on-click="{{clickHandler}}"></sentiment-bar>
    <sentiment-bar value="15" sentiment="negative"></sentiment-bar>
    <sentiment-bar value="25" sentiment="neutral"></sentiment-bar>
    <sentiment-bar value="20" sentiment="positive"></sentiment-bar>
    <sentiment-bar value="15" sentiment="very-positive"></sentiment-bar>
    <paper-item label="Help"></paper-item>
  </span>
  </div>
</template>
<script>
Polymer('card-widget-sentiment', {
  clickHandler: function(){
      console.log(this);
  }
});
</script>
</polymer-element>

纸质项目按预期工作，另一方面，具有点击事件的情绪栏组件根本不起作用。但是，如果在＆＃34; bar-component＆＃34;之外调用情绪栏组件。它按预期工作。也许是一个我不太了解的影子DOM事件功能。