Polymer - Primul element

Polymer | Stefanescu Mihai | 2020-10-11

In acest articol vom crea primul nostrum element in Polymer.

Primul lucru pe care trebuie sa-l facem este sa ne cream un folder nou numit “elements” (sau “elemente”) in care mai tarziu vom salva fisierele elementelor.

Acum, hai sa facem un fisier in care sa putem scrie primul element polymer. Eu am sa-l numesc salut-ip.html

In acest nou fisier nu avem nevoie de doctype ci doar va trebui sa importam acelasi fisier polymer.html (folosind import).

<link rel="import" href="../bower_components/polymer/polymer.html">

Acum am sa scriu primul element polymer:

<dom-module id="salut-ip"></dom-module>

Atentie: trebuie sa-I dam un nume folosind atributul id.

In interiorul tag-ului dom-module trebuie sa avem un tag template in care va fi scris elementul nostru.

Acum trebuie sa ne intoarcem in index.html sis a include elementele create ca sa le putem folosi mai apoi.

Facem acest lucru in felul urmator:

<link rel=”import” href=”elements/salut-ip.html”>
Iar pentru a folosi acest element trebuie sa-l scriem exact ca pe un tag html:
<salut-ip></salut-ip>



Imi place ce faci aici
Daca iti place ce fac aici imi poti cumpara o cafea Buy Me a Coffee at ko-fi.com

Stefanescu Mihai
Programator de ~8 ani, am lucrat la proiecte din mai multe industrstrii, de la eCommerce la telecomunicatii la automatizari. In acest timp am folosi diferite tehnologii, de la PHP, MySQL, PostgreSql, RabbitMq, Redis, Memcached si altele.
       

Get in touch
Pentru nelamuriri, dubii, comentarii si chestii de pe suflet ne putem auzi pe Discord, Reddit sau poti deschide o discutie noua pe forum.

Posteaza un comentariu

Comentarii

Inca nu au fost postate comentarii, fii primul care posteaza un comentariu!

Club-ul este dedicat membrilor si ofera access la mai multe zone ale website-ului.

🗝ïļ Login 🌟 Register

🔖 Bookmarks ⊞
âœĻ Pentru a sustine aceasta comunitate am sa te rog sa te autentifici sau sa te inregistrezi!

🌊ïļ Discord ⊞

Folosim cookie-uri pentru a oferi functionalitatile critice ale aplicatiei Invata-Programare. Folosim cookie-uri si pentru a analiza traficul, pentru care e nevoie de consimtamantul dvs. explicit.

⮆ïļ