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

polymer-1.0Iniziare con polymer-1.0


Osservazioni

  • L'esempio sopra mostra la struttura minima nuda di un elemento personalizzato (Polimero) usando dom locale.
  • Un elemento Polymer può anche essere creato interamente utilizzando il tag script , ma questo non fa parte di questo argomento.
  • Anche se il tag di style non fa parte della struttura minima è stato mantenuto lì solo per capire lo scopo.
  • Inoltre, il tag script può essere utilizzato sia in modo imperativo che dichiarativo, ovvero l'utente può avere un file js separato con almeno il codice scritto sopra e quindi fare riferimento nell'elemento.
  • Si noti che l' id del dom-module ed is proprietà del Polymer constructor dovrebbe essere sempre lo stesso.

Versioni

Versione Data di rilascio
v1.6.0 2016/06/29
v1.5.0 2016/05/31
v1.4.0 2016/05/18
v1.0.0 2015/05/27

Struttura dell'elemento

Definire un elemento senza contenuto.

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

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

E poi puoi usare il nuovo elemento in qualsiasi altra pagina.

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