如何将 Polymer 组件中的函数用在模板中?

[iugo]

Polymer 版本: 1.4.0 Web Components 版本: 0.7.22

比如模板中的: <span onclick=""></span>

这时该组件的一个函数是这样的:

handleClick: function(e) {
  // do something
}

可是无法这样调用: <span onclick="{{handleClick}}"></span>

如果将函数写在 Polymer 外部, 那么这个函数的作用域就会被放大到全局. 想尽量避免这样的事情.

[iugo]

参考: https://stackoverflow.com/questions/37266018/how-to-use-a-element-function-in-template-polymer

在这个特例中, 可以使用 on-click="handleClick" 这种方法实现组件内 handleClick 函数对该 element 的 click 事件的监听.