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
Usare una container image come runner di GitHub Actions
Utilizzare la versione generica di EntityTypeConfiguration in Entity Framework Core
Gestire i null nelle reactive form tipizzate di Angular
Effettuare il refresh dei dati di una QuickGrid di Blazor
Eseguire query verso tipi non mappati in Entity Framework Core
Utilizzare il nuovo modello GPT-4o con Azure OpenAI
Gestire liste di tipi semplici con Entity Framework Core
Utilizzare database e servizi con gli add-on di Container App
Effettuare il binding di date in Blazor
Generare un hash con SHA-3 in .NET
Utilizzare Tailwind CSS all'interno di React: primi componenti