Looking for polymer-1.0 Answers? Try Ask4KnowledgeBase
Looking for polymer-1.0 Keywords? Try Ask4Keywords

polymer-1.0聚合物-1.0入門


備註

  • 上面的示例顯示了使用本地dom的自定義(Polymer)元素的最小結構。
  • Polymer元素也可以完全使用script標記創建,但這不是本主題的一部分。
  • 儘管style標籤不是最小結構的一部分,但它只是為了理解目的而保留在那裡。
  • 此外,腳本標記可以以命令式和聲明式方式使用,即用戶可以擁有一個單獨的js文件,其中包含至少上面編寫的代碼,然後在元素中引用它。
  • 請注意, iddom-module ,並is財產Polymer constructor應該總是一樣的。

版本

發布日期
V1.6.0 2016年6月29日
V1.5.0 2016年5月31日
V1.4.0 2016年5月18日
V1.0.0 2015年5月27日

元素結構

定義沒有內容的元素。

<dom-module id="empty-element">
  <template>
    <style>
    </style>
  </template>

  <script>
    Polymer({
      is: 'empty-element',
    });
  </script>
</dom-module>
 

然後您可以在任何其他頁面中使用新元素。

<!DOCTYPE html>
<html>
    <head>
        <!-- Using lite version as Polymer does not require Polyfill for Shadow Dom -->
        <script src="path/to/bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
        <!-- Importing the element assuming file name is also empty-element.html -->
        <link rel="import" href="empty-element.html">
    </head>

    <body>
        <empty-element></empty-element>
    </body>
</html>