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
Reactive form tipizzati con FormBuilder in Angular
Creare moduli CSS in React
Creare form tipizzati con Angular
Verificare la provenienza di un commit tramite le GitHub Actions
Miglioramenti nell'accessibilità con Angular CDK
Utilizzare i primary constructor in C#
Visualizzare le change sul plan di Terraform tramite le GitHub Actions
Eseguire operazioni con timeout in React
Eseguire query manipolando liste di tipi semplici con Entity Framework Core
Ottimizzare la latenza in Blazor 8 tramite InteractiveAuto render mode
Creare gruppi di client per Event Grid MQTT
Usare le variabili per personalizzare gli stili CSS
I più letti di oggi
- C# 4
- Spaziatura tra i caratteri in Silverlight 5
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Segui in tempo reale il TechEd 2004
- da oggi è possibile fare login velocemente con LinkedIn e Google. a questi si aggiunge il supporto già attivo per Facebook, Twitter, Microsoft Account, Windows Hello e OpenID, per darvi sempre più possibilità di accedere semplicemente alla nostra community! #aspitalia
- Migrare una service connection a workload identity federation in Azure DevOps
- Evitare postback multipli in un UpdatePanel