Polymer - Primul element

postat acum un an de Stefanescu Mihai in categorie Polymer

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>

Sunt un tanar programator din Bucuresti ce lucreaza in PHP/Mysql (MySqli/PDO), Laravel, CodeIgniter, MySQL, PostgreSQL, Wordpress, HTML5/CSS3, Sass, Photoshop si multe altele.
Google+ Community Facebook Group
Acest articol a fost mutat de pe vechea platforma.
Pentru orice eroare aparuta la mutare va rog sa ma contactati!