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

polymer-1.0बहुलक-1.0 के साथ आरंभ करना


टिप्पणियों

  • ऊपर दिया गया उदाहरण स्थानीय डोम का उपयोग करके एक कस्टम (पॉलिमर) तत्व की नंगे न्यूनतम संरचना को दर्शाता है।
  • पॉलिमर तत्व को पूरी तरह से script टैग का उपयोग करके भी बनाया जा सकता है, लेकिन यह इस विषय का हिस्सा नहीं है।
  • भले ही style टैग नंगे न्यूनतम संरचना का हिस्सा नहीं है, लेकिन इसे केवल उद्देश्य को समझने के लिए वहां रखा गया है।
  • इसके अलावा, स्क्रिप्ट टैग का उपयोग अनिवार्य और घोषणात्मक दोनों तरह से किया जा सकता है। उपयोगकर्ता के पास लिखित कोड के ऊपर कम से कम एक अलग js फ़ाइल हो सकती है और फिर इसे तत्व में संदर्भित किया जा सकता है।
  • कृपया ध्यान दें कि id के dom-module और is की संपत्ति Polymer constructor हमेशा एक ही होना चाहिए।

संस्करण

संस्करण रिलीज़ की तारीख
v1.6.0 2016/06/29
v1.5.0 2016/05/31
v1.4.0 2016/05/18
v1.0.0 2015/05/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>