Angular2 with Polymer Elements +跨浏览器支持

时间:2016-11-25 10:20:20

标签: angular polymer

我正在尝试将Angular2与Polymer Elements一起使用(目前是paper-tooltip,但希望随着时间的推移更多)。通常,聚合物组分似乎可以正常工作。

正如在一些地方(如herehere中所建议的那样),我为Polymer添加了阴影模式,以使其与Angular2一起使用,如下所示:

window.Polymer = {
  dom: 'shadow',
  lazyRegister: true
};

这可以让它在Chrome中运行。但是,Firefox不起作用(IE也没有,但我对此并不担心)。对于一些不同的元素(paper-tabspaper-menu等)也是如此。 这是一个plunkr,您可以在其中查看结果。

我认为Firefox应该通过polyfill支持Polymer元素(plunkr中包含webcomponents-lite.js)?我错过了什么?有没有办法解决这个问题,还是只需等待本机Web组件支持?

编辑:

我在运行Firefox 48.0.2(在Windows 7上)。我现在升级到50.0,这似乎纠正了一些的问题。 paper-tabspaper-menu现在正在运作。但是,工具提示仍然不是...... 谢谢,@ tony19关于版本的提示。 (我虽然firefox自动更新...)

EDIT2:

我已经在Windows 10中使用FF 50.0进行了测试。似乎某种方式第一页加载成功,但后续重新加载无法正确加载/显示工具提示。有时纸张标签和纸张菜单也会被打破。不确定发生了什么。 @ tony19也观察到了这种行为。

感谢任何提示

0 个答案:

没有答案