聚合物-訪問根元素

Question

我正在學習Polymer。 我一直在嘗試將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和WebComponentsReady事件

當您在一個元素內執行此操作時，在Polymer准備就緒之前不會調用您的代碼。 在外面，你必須要照顧好自己。

聚合物-訪問根元素

問題描述

1 個解決方案

解決方案1
0 已采納 2015-12-04 15:54:00

聚合物-訪問根元素

問題描述

1 個解決方案

解決方案1 0 已采納 2015-12-04 15:54:00

解決方案1
0 已采納 2015-12-04 15:54:00