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

polymer-1.0Premiers pas avec le polymère-1.0


Remarques

  • L'exemple ci-dessus montre la structure minimale d'un élément personnalisé (Polymer) en utilisant dom local.
  • Un élément Polymer peut également être créé entièrement à l'aide d'une balise de script , mais cela ne fait pas partie de cette rubrique.
  • Même si la balise de style ne fait pas partie de la structure minimale, elle y est conservée dans un but de compréhension.
  • En outre, la balise script peut être utilisée à la fois de manière impérative et déclarative, c’est-à-dire que l’utilisateur peut avoir un fichier js séparé avec au moins le code écrit ci-dessus, puis le renvoyer dans element.
  • S'il vous plaît noter que id du dom-module et is propriété du Polymer constructor doit toujours être le même.

Versions

Version Date de sortie
v1.6.0 2016-06-29
v1.5.0 2016-05-31
v1.4.0 2016-05-18
v1.0.0 2015-05-27

Structure de l'élément

Définir un élément sans contenu.

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

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

Et puis vous pouvez utiliser le nouvel élément dans toutes les autres pages.

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