未在firefox

Question

当我的聚合物网页组件在firefox中加载时，我有一种奇怪的行为。

问题是，javascript之后

<content></content> 

未在Firefox中加载，但在chrome中按预期工作。

我使用聚合物版本1.0

我的元素如下所示：

<link rel="import" href="../../../../bower_components/polymer/polymer.html">

<dom-module id="my-element">

  <style>
     ...style content
  </style>

  <template>
    <svg  ...my svg></svg>

    <content></content>


    <script> --> This script is not loaded in firefox.
       ...script content
    </script>

  </template>
</dom-module>

<script>

  Polymer({
    is: 'my-element'

    ... etc ...

  });

</script>

帮助将大大降低。

Answer 1

我遇到了同样的问题，但重读了我发现the solution的文档。

在加载Polymer Script之前，您需要等待DOM准备就绪，如下所示：

<dom-module id="my-element">
    <template>
        <svg ...></svg>

        <content></content>

     </template>
     <script>
         HTMLImports.whenReady(function () {
              Polymer({
                  is: 'my-element'
                  // (...)
              });
         });
    </script>
</dom-module>

<my-element></my-element>

Answer 2

您可以使用组件的生命周期方法之一，例如＆＃34;附加＆＃34;而不是在模板中包含脚本标记。做同样的事。