Question

我正在学习聚合物。我一直在尝试将Polymer集成到现有页面中。为了做到这一点，我有以下几点：

  <body>
    <div class="row">
      <div class="col-sm-8">
        <template is="dom-bind" id="app">
          <iron-signals on-iron-signal-update-greeting="_updateGreeting">
          <div>[[ greeting ]]</div>
        </template>
      </div>

      <div class="col-sm-4">
        <button type="button" click="testClick();">Test</button>
      </div>
    </div>

    <script type="text/javascript">
      function testClick() {
        this.fire('iron-signal', { name: 'updateGreeting', data: { value: 'Hello at ' + (new Date().getMinutes()) } });
      }
    </script>
  </body>

这是关于iron-signals的学习练习。我理解如何在Polymer应用程序中使用铁信号。但是，我试图从应用程序外部发出信号。当我这样做时，我收到以下错误：

this.fire is not a function

我理解为什么我会收到错误。但是，我想我不知道如何获取对实际Polymer对象的引用，以便我可以调用fire函数。

Answer 1

您需要等待Polymer升级元素。见Polymer and WebComponentsReady event

在元素内部执行此操作时，在Polymer准备好之前不会调用代码。外面你必须自己照顾。

聚合物 - 访问根元素

1 个答案: