动态更改on-抽头属性

Question

我想要做的是改变基于水疗路线的点播通话功能。下面是我尝试过的(在自定义元素中工作)

this.$.menuButton.attr['on-tap'] = "{{newFunction}}";

也是

this.$.menuButton.on-tap = "{{newFunction}}";

除了许多其他尝试之外，没有一次成功。如何更改包含名称中的-的属性的值？如果这不是可行的，那么动态地更改on-抽头函数的推荐方法是什么？

Answer 1

您应该使用事件侦听器，而不是on-*声明式事件映射。

this.addEventListener('tap', this.myFunction);
this.addEventListener('tap', this.newFunction);

基本上是一样的。但是，如果您需要(event, detail, sender)参数，则必须亲自传递它们。

API参考

Answer 2

如果要使用声明性路由，仍然可以使用on-*处理程序和数据绑定来翻转处理程序：

<p on-tap="{{handler}}">Tap me to see what handler is set.</p>
<button on-click="{{setHandler}}" data-handler="oneHandler">Set Handler 1</button>

ready: function() {
  this.setHandler();
},
setHandler: function(e, detail, sender) {
  this.handler = !sender ? this.defaultHandler :  
                           this[sender.dataset.handler];
},
defaultHandler: function() {
  alert('default handler');
},
oneHandler: function() {
   alert('one handler');
}

http://jsbin.com/forame/1/edit