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

polymer-1.0Rozpoczęcie pracy z polimerem-1.0


Uwagi

  • Powyższy przykład pokazuje absolutną minimalną strukturę niestandardowego (polimerowego) elementu za pomocą lokalnej domeny.
  • Element polimerowy można również utworzyć w całości za pomocą znacznika script , ale nie jest to część tego tematu.
  • Chociaż znacznik style nie jest częścią absolutnej minimalnej struktury, został tam zachowany tylko dla zrozumienia celu.
  • Znacznika skryptu można także używać zarówno w trybie rozkazującym, jak i deklaratywnym, tzn. Użytkownik może mieć osobny plik js z co najmniej powyższym kodem, a następnie skierować go do elementu.
  • Należy pamiętać, że id z dom-module i is własnością Polymer constructor powinna być zawsze taka sama.

Wersje

Wersja Data wydania
wersja 1.6.0 29.06.2016
wersja 1.5.0 31.05.2016
wersja 1.4.0 2016-05-18
wersja 1.0.0 27.05.2015

Struktura elementu

Definiowanie elementu bez zawartości.

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

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

A potem możesz użyć nowego elementu na dowolnych innych stronach.

<!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>