Anatomía de un componente de angular:

¿De dónde se importa el componente?

import {Component} from ‘@angular/core’;

¿Cómo se declara un componente en angular?

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: 'hello world',
  styles: [':host { color: #a144eb }']
})

export class App {}

¿Qué es :host en un archivo css usado de un componente de angular?

La pseudoclase host de css en componentes de angular se utiliza para aplicar estilos sobre él, es decir en la clase HTML del DOM que se muestra al usuario.

¿Para qué sirve el export class App {}?

Angular por defecto necesita alguna forma de crear y gestionar el componente. Además, también puede ser útil usar el componente en otro módulo. La línea de export class App {}, hace que Angular pueda realizar esas tareas.