Nello script #188 abbiamo visto come utilizzare angular-cli creare un nuovo progetto Angular 2 correttamente funzionante e che utilizza le linee guida suggerite dal team di Angular. In questo script invece ci occupiamo di creare un nuovo component utilizzando sempre lo stesso strumento. Come detto, angular-cli è uno strumento a linea di comando quindi dobbiamo aprire il command prompt, posizionarci nella directory dove vogliamo creare il component e digitare il seguente comando.
ng g component MyComponent
Questo comando genera una cartella my-component (il nome è determinato mettendo tutto in minuscolo e separando le parole che iniziano con una maiuscola con un trattino), e al suo interno genera un file per il component, uno per i css del component, uno per il template html e uno per i test.
Il comportamento del comando può essere personalizzato aggiungendo alcuni parametri:
- --flat: è un booleano che indica se creare la cartella per il component o generare i filenella cartella corrente. Il valore di default è false;
- --inline-template: è un booleano che indica se generare il template HTML su file esterno o all'interno del component. Il valore di default è false;
- --inline-style: è un booleano che indica se generare il file CSS su file esterno o all'interno del component. Il valore di default è false;
- --spec: è un booleano che indica se generare il file di test per il component. Il valore di default è false;
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Effettuare chiamate con versioning da Blazor ad ASP.NET Core
Come EF 8 ha ottimizzato le query che usano il metodo Contains
Gestire undefined e partial nelle reactive forms di Angular
Visualizzare le change sul plan di Terraform tramite le GitHub Actions
Generare token per autenicarsi sulle API di GitHub
Sfruttare lo stream rendering per le pagine statiche di Blazor 8
Gestire i null nelle reactive form tipizzate di Angular
Utilizzare HiLo per ottimizzare le insert in un database con Entity Framework
Usare Refit e Polly in Blazor per creare client affidabili e fortemente tipizzati
Evitare la script injection nelle GitHub Actions
Gestire errori funzionali tramite exception in ASP.NET Core Web API
Miglioramenti agli screen reader e al contrasto in Angular
I più letti di oggi
- Utilizzare il trigger SQL con le Azure Function
- Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
- Come EF 8 ha ottimizzato le query che usano il metodo Contains
- .NET Conference Italia 2023 - Milano e Online
- Ottimizzazione dei block template in Angular 17
- Definire stili a livello di libreria in Angular