Czy możliwe jest przedłużenie elementu polimerowego i ponowne wykorzystanie jego stylu?

Question

Chciałbym utworzyć zaawansowany przycisk oparty na "papierowym przycisku". Jeśli jednak po prostu to zrobię, przycisk utraci wszystkie style. czy robię coś źle?

Używam Polymer 1.0.

Answer 1

Aby utworzyć własny element, który korzysta z innego niestandardowego elementu, np. Przycisku papieru, należy utworzyć opakowanie.

<dom-module id="my-button"> 
    <template> 
    <paper-button> 
     <content></content> 
    </paper-button> 
    </template> 
</dom-module> 

ten sposób przy każdym użyciu <my-button>Tap Me</my-button> będzie to naprawdę coś papieru przycisku zawinięty w moim przycisku.

Dobrym przykładem jest paper-input, który jest w zasadzie opakowaniem dla iron-input. Spójrz na to i zobacz, jak właściwości są przekazywane.

Answer 2

można rozszerzyć poprzez niestandardowe elementy Behaviors tak:

<dom-module id="my-better-button"> 
    <script> 
    Polymer({ 
     is: 'my-better-button', 
     behaviors: [betterButton] 
    }); 
    </script> 
</dom-module> 

Zachowania są jak wstawek tak są, w zasadzie, to obiekt JavaScript. Zachowanie może definiować wywołania zwrotne cyklu życia, deklarowane właściwości, atrybuty domyślne, obserwatory i detektory.

Proponuję obejrzeć ten świetny film na ten temat, który bardzo dobrze wytłumaczyć jak go używać: https://www.youtube.com/watch?v=YrlmieL3Z0k