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
Gestione degli environment per il deploy con un workflow di GitHub
Hosting di componenti WebAssembly in un'applicazione Blazor static
Supportare il sorting di dati tabellari in Blazor con QuickGrid
Determinare lo stato di un pod in Kubernetes
Ottimizzazione dei block template in Angular 17
Eseguire le GitHub Actions offline
Sfruttare lo stream rendering per le pagine statiche di Blazor 8
Migrare una service connection a workload identity federation in Azure DevOps
Utilizzare database e servizi con gli add-on di Container App
Usare un KeyedService di default in ASP.NET Core 8
Usare le variabili per personalizzare gli stili CSS
Gestire undefined e partial nelle reactive forms di Angular