Angular: Puoi usare SVG come template!
Angular 8 consente di usare direttamente come file per i template, non solo i classici file HTML ma anche dei file SVG. È quindi possibile indicare direttamente un file SVG nella chiave templateUrl del decoratore Component.
In questo caso, nel momento in cui Angular andrà ad eseguire il rendering del componente, verrà disegnato a video il contenuto del file grafico SVG.
La cosa interessante è che in ogni modo il template sarà comunemente utilizzabile come qualunque template e sarà quindi possibile:
- passare comunemente Input dall’esterno del componente per consentire la component communication;
- eseguire il binding all’interno del markup, consentendo quindi di avere un comportamento dinamico dell’SVG;
- utilizzare la chiave styles/styleUrls del decoratore Component per applicare stili al markup del file SVG.
In quest'articolo vedremo come è semplice utilizzare queste possibilità, ad esempio utilizzando più componenti con templates in formato SVG.
Contattaci.
Ti interessa Angular?
Anche se - semplicemente - vuoi prendere un caffè con noi o vedere la nostra collezione di Action Figures scrivici tramite questo form.
