Spesso capita di aver la necessità di referenziare degli stili insieme ad un Component, per assegnare un layout grafico particolare ad una certa parte delle nostra applicazione.
In questo caso, Angular 2 ci viene in aiuto, consentendoci di sfruttare diverse modalità per inserire stili all'interno di un Component.
Possiamo definire gli stili in linea, in questo modo:
@Component({ selector: 'myapp', template: ` <h1>La mia app Angular 2</h1>`, styles: ['h1 { color: red; }'] })
E anche specificando direttamente il tag style:
@Component({ selector: 'myapp', template: ` <style> h1 { color: red; } <h1>La mia app Angular 2</h1>` })
In questo caso, vale anche la regola dell'inclusione di un file CSS esterno mediamente il tag link.
Inoltre, possiamo referenziare un file con i CSS esterno, in questo modo:
@Component({ selector: 'myapp', template: ` <h1>La mia app Angular 2</h1>`, styleUrls: ['app/style.css'] })
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Le novità di Angular: i miglioramenti alla CLI
Autenticarsi in modo sicuro su Azure tramite GitHub Actions
Configurare dependabot per aggiornare le dipendenze di terze parti con GitHub Actions
Miglioramenti nell'accessibilità con Angular CDK
Utilizzare la versione generica di EntityTypeConfiguration in Entity Framework Core
Effettuare lo stream della risposta in ASP.NET Core tramite IAsyncEnumerable
Supportare il sorting di dati tabellari in Blazor con QuickGrid
Eseguire operazioni sui blob con Azure Storage Actions
Utilizzare database e servizi con gli add-on di Container App
C# 12: Cosa c'è di nuovo e interessante
Personalizzare l'errore del rate limiting middleware in ASP.NET Core
Utilizzare la session affinity con Azure Container Apps