Angular elements - łączymy się z innymi

Transcript

2. Angular Elements Tomasz Chomicz FrontEnd Developer
3. Wstęp
4. Nie ma rzeczy uniwersalnych ?
5. Co to jest WebComponent ?
6. WebComponent ELEMENT DRZEWA DOM O ZESTAWIE CECH I ZDEFINIOWANYM ZACHOWANIU
7. Jakiś przykład ?
8. – Custom elements – Shadow DOM – HTML Templates Co to jest WebComponents ?
9. Angular Elements
10. Przepis – Tworzymy projekt – Dodajemy @angular/elements – Tworzymy nowy komponent
11. Przepis cd... – Nie zpapomnij o ... Polifil –ach (polyfills.ts)
12. – Tworzymy niestandardowy element – Definiujemy tag – Wmawiamy angularowi że aplikacja wystartowała Przepis cd... Osadzamy element na stronie
13. Czy o czymś nie zapomniałeś?
14. Komponent - HTML
15. Komponent – TS
16. Komunikacja – @Input() – parsujemy wartość – @Output()– małe liter – @HostBinding() – dbamy o zmiany atrybutów
17. A co ze stylami ?
18. Shadow DOM
19. Jak poradzić sobie z Shadow DOM?
20. Zmienne CSS
21. To już prawie koniec
22. Build
24. Thank you pgs-soft.com tchomicz@pgs-soft.com