在自定义Web组件上禁用Polymer手势

时间:2017-08-14 09:09:48

标签: angularjs web polymer web-component polymer-2.x

我注意到我自己的网络组件上的Polymer " 消耗" 手势。

我的页面上有两个网页组件:google-map(基于聚合物)和动画按钮(原生一个,由我自己编写,不使用任何框架)。

它们是以这种方式导入的:

enter image description here

google-map文件夹具有以下结构:

enter image description here

在动画按钮上定义了角度 ng-click

<animated-button-web-component ng-click="fireEvent('click');" data-src="" data-src-click="" data-src-hover="" data-text="foo" class=""></animated-button-web-component>

当我在常规模式下使用Chrome时点击事件会按预期触发,但当我在设备模式中使用Chrome时类似的触摸事件没有从动画按钮中触发。如果我从页面中完全删除google-map,它就会开始工作。

您是否知道如何&#34;隔离&#34; 聚合物,以便它不会干扰文档中的事件?

谢谢,

亚历

0 个答案:

没有答案