Per creare un nuovo componente, esegui il comando: ng generate component nome-componente.
Questo comando crea quattro file:
nome-componente.component.ts: contiene la logica del componente;
nome-componente.component.html: contiene il template HTML del componente;
nome-componente.component.css: contiene gli stili CSS del componente;
nome-componente.component.spec.ts: contiene i test per il componente (opzionale).
Il Template HTML contiene i tag html: <h1>Ciao, sono il nuovo componente!</h1>;
La Logica del Componente invece ha il seguente contenuto:
`import { Component } from '@angular/core';
@Component({
selector: 'app-nome-componente',
templateUrl: './nome-componente.component.html',
styleUrls: ['./nome-componente.component.css']
})
export class NomeComponenteComponent {
// Qui va la logica del componente
}`
Per creare un nuovo componente, esegui il comando:
ng generate component nome-componente
. Questo comando crea quattro file:Il Template HTML contiene i tag html:
<h1>Ciao, sono il nuovo componente!</h1>
;La Logica del Componente invece ha il seguente contenuto: