我在哪里放置 dom-bind 模板上按钮的侦听器方法

Question

我使用的聚合物入门套件默认在 paper-toolbar 上有一些 paper-icon-buttons。

<body unresolved class="fullbleed layout vertical">
  <template is="dom-bind" id="app">
  <paper-drawer-panel id="paperDrawerPanel" forceNarrow>
   <paper-header-panel main mode="flex">
    <!-- Main Toolbar -->
    <paper-toolbar id="mainToolbar">

      <!-- Toolbar icons -->
        <paper-icon-button icon="search"></paper-icon-button>
        <paper-icon-button icon="refresh" on-tap='refreshTapped'></paper-icon-button>

      </paper-toolbar>

    </paper-header-panel>
  </paper-drawer-panel>
</template>

<script src="scripts/app.js"></script>

如何在刷新按钮上添加 on-tap 侦听器？我已尝试在 scripts/app.js 中添加侦听器方法，如下所示，但仍然找不到该方法。

function refreshTapped(){ 
  document.querySelector('#myDialog').toggle();
}

当我点击按钮时，我在浏览器控制台上看到了这个：

`[dom-bind::_createEventHandler]: listener method `refreshTapped` not defined`

Answer 1

打开 "scripts/app.js" 文件并像这样添加函数：

app.refreshTapped = function() {
    console.log('tapped');
  }

就像那里已有的 app.onMenuSelect 示例一样

Answer 2

我在layouts-element中调用了paper-drawer-panel，在JavaScript的onClick()中调用了函数。

我也一样：

[dom-bind::_createEventHandler]: listener method onDataRouteClick not defined

我用以下函数调用函数：

onClick="app.onDataRouteClick()"

我工作polymer^1.0

我在哪里放置 dom-bind 模板上按钮的侦听器方法

Where do i put the listener methods for buttons on dom-bind template

javascript

polymer

polymer-1.0

polymer-starter-kit