Diferències
Ací es mostren les diferències entre la revisió seleccionada i la versió actual de la pàgina.
Ambdós costats versió prèvia Revisió prèvia Següent revisió | Revisió prèvia | ||
development:angular:componentes [22/01/2020 10:29] – mate | development:angular:componentes [26/01/2020 09:55] (actual) – mate | ||
---|---|---|---|
Línia 1: | Línia 1: | ||
- | = componentes | + | = angular: |
- | * descarga (uso por CDN) de bootstrap, framework CSS | + | * PPT: 3.3 + 3.4 + 3.5 |
+ | |||
+ | == preparativos | ||
+ | * uso de [[https:// | ||
+ | * añadirlo en **package.json** y usar '' | ||
+ | * descargar directamente | ||
+ | * uso por CDN | ||
* generar nuevo proyecto: <code bas>ng new < | * generar nuevo proyecto: <code bas>ng new < | ||
* generar nuevo componente: <code bash>ng g[enerate] c[omponent] < | * generar nuevo componente: <code bash>ng g[enerate] c[omponent] < | ||
+ | * añadir el componente: | ||
+ | * en src/ | ||
+ | * en la sección **@NgModule** -> **declarations** | ||
+ | * en src/ | ||
+ | |||
+ | == @Component | ||
+ | * definición, | ||
+ | * selector: identificador del componente del que haremos referencia | ||
+ | * template: codigo HTML hardcoded, usar con backsticks (%%`%%), no con tildes(%%' | ||
+ | * templateUrl: | ||
+ | * databinding / interpolación: | ||
+ | |||
+ | |||
+ | == | ||
+ | |||
+ | | ||
+ | |||