Utilizzare angular-cli per creare un component in Angular 2

di , in HTML5, Angular 2,

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

Visualizza/aggiungi commenti

Utilizzare angular-cli per creare un component in Angular 2 (#189) 1010 1
| Condividi su: Twitter, Facebook, LinkedIn, Google+

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi