definicion de un componente en angular code example

Example: definicion de un componente en angular

// Archivo app.component.ts
// Incluir el decorador Componente
import { Component } from '@angular/core';
// Especificar los atributos del componente
@Component({
  selector: 'app-principal', // etiqueta (tag)
  templateUrl: './app.component.html', // Plantilla html (template)
  styleUrls: ['./app.component.css'] // Estilos 
})
// Declaración de la clase
export class AppComponent {
}
// Archivo app.module.ts
// Importar el componente
import { AppComponent } from './app.component';
@NgModule({
  declarations: [
    AppComponent, // Inyectar el componente
	...
  ],
  imports: [],
  providers: [],
  bootstrap: [AppComponent] // Agregarlo a bootstrap si es 
})                          // el componente raíz 
export class AppModule { }
// <plantilla>.html 
// Agregar la etiqueta del componente en la plantilla deseada
<app-principal></app-principal>