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

polymer-1.0Начало работы с полимерами-1.0


замечания

  • В приведенном выше примере показана минимальная структура пользовательского (полимерного) элемента с использованием локального dom.
  • Элемент Polymer также может быть создан полностью с использованием тега 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>