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

标签 javascript polymer polymer-1.0 polymer-starter-kit

我使用的是 polymer 入门套件,默认情况下,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`

最佳答案

打开“scripts/app.js”文件并添加您的函数,如下所示:

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

就像已经存在的 app.onMenuSelect 示例

关于javascript - 我在哪里放置 dom-bind 模板上按钮的监听器方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31712799/

相关文章:

javascript - 导入不适用于 Node.js 版本 11.8.0

javascript - Angular Instagram/Youtube 后退按钮恢复数据和滚动位置

javascript - 从底部开始将元素附加到 div?

Javascript 正则表达式验证字符串长度和最后 3 个字符作为数字

css - 带有 :host in styles has no affect 的 Polymer @import 主题文件

templates - polymer 重复模板 "refresh"

javascript - 无法访问函数内的 Polymer 属性

javascript - OpenLayers 3 Polymer 1.0 模块

javascript - 在 Polymer 中是否有一堆 dom-if 的替代品?

web - polymer 1.2 防火警告 : Exception was thrown by user callback