definicion de un componente en angular

1// Archivo app.component.ts
2// Incluir el decorador Componente
3import { Component } from '@angular/core';
4// Especificar los atributos del componente
5@Component({
6  selector: 'app-principal', // etiqueta (tag)
7  templateUrl: './app.component.html', // Plantilla html (template)
8  styleUrls: ['./app.component.css'] // Estilos 
9})
10// Declaración de la clase
11export class AppComponent {
12}
13// Archivo app.module.ts
14// Importar el componente
15import { AppComponent } from './app.component';
16@NgModule({
17  declarations: [
18    AppComponent, // Inyectar el componente
19	...
20  ],
21  imports: [],
22  providers: [],
23  bootstrap: [AppComponent] // Agregarlo a bootstrap si es 
24})                          // el componente raíz 
25export class AppModule { }
26// <plantilla>.html 
27// Agregar la etiqueta del componente en la plantilla deseada
28<app-principal></app-principal>