= angular: componentes
  * PPT: 3.3 + 3.4 + 3.5

== preparativos
  * uso de [[https://getbootstrap.com/|bootstrap]] como framework CSS
    * añadirlo en **package.json** y usar ''npm'' para su instalación
    * descargar directamente
    * uso por CDN
  * generar nuevo proyecto: <code bas>ng new <PROJECT></code>
  * generar nuevo componente: <code bash>ng g[enerate] c[omponent] <NOMBRE></code>
  * añadir el componente:
    * en src/app/app.module.ts a través de **import**
      * en la sección **@NgModule** -> **declarations**
    * en src/app/app.component.html con la etiqueta correspondiente, según hayamos indicado en **selector**

== @Component
  * definición, :
    * selector: identificador del componente del que haremos referencia
    * template: codigo HTML hardcoded, usar con backsticks (%%`%%), no con tildes(%%'%%)
    * templateUrl: ruta del fichero HTML a usar
  * databinding / interpolación: uso de doble %%{{ }}%% llaves para usar atributos de la clase o componente


==