Fatal编程技术网
  • javascript/
  • Javascript dom绑定模板上按钮的侦听器方法放在哪里

Javascript dom绑定模板上按钮的侦听器方法放在哪里

javascript polymer

Javascript dom绑定模板上按钮的侦听器方法放在哪里,javascript,polymer,polymer-1.0,polymer-starter-kit,Javascript,Polymer,Polymer 1.0,Polymer Starter Kit,我使用的是polymer starter kit，默认情况下，它在纸张工具栏上有一些纸张图标按钮 <body unresolved class="fullbleed layout vertical"> <template is="dom-bind" id="app"> <paper-drawer-panel id="paperDrawerPanel" forceNarrow> <paper-header-panel main mode="f

我使用的是polymer starter kit，默认情况下，它在
纸张工具栏上有一些
纸张图标按钮


<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>


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


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


打开“scripts/app.js”文件，添加如下功能：


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


就像app.onMenuSelect示例中已经存在的一样
打开“scripts/app.js”文件并添加如下函数：


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



就像已经在那里的app.onMenuSelect示例一样
我在
layouts元素中调用
paper drawer panel
，并在
JavaScript
的
onClick（）中调用函数

我也这样认为：

[dom bind:：_createEventHandler]：侦听器方法
onDataRouteClick
未定义

我使用以下命令调用函数：


onClick="app.onDataRouteClick()"



我使用
polymer
^1.0
调用
layouts元素中的
paper drawer panel
，并调用
JavaScript
的
onClick（）
中的函数

我也这样认为：

[dom bind:：_createEventHandler]：侦听器方法
onDataRouteClick
未定义

我使用以下命令调用函数：


onClick="app.onDataRouteClick()"


我从事聚合物
工作
^1.0