script
, ma questo non fa parte di questo argomento. style
non fa parte della struttura minima è stato mantenuto lì solo per capire lo scopo. js
separato con almeno il codice scritto sopra e quindi fare riferimento nell'elemento. id
del dom-module
ed is
proprietà del Polymer constructor
dovrebbe essere sempre lo stesso. 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 |
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>