angular: componentes
- PPT: 3.3 + 3.4 + 3.5
preparativos
- uso de bootstrap como framework CSS
- añadirlo en package.json y usar
npm
para su instalación - descargar directamente
- uso por CDN
- generar nuevo proyecto:
ng new <PROJECT>
- generar nuevo componente:
ng g[enerate] c[omponent] <NOMBRE>
- 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