Diferències

Ací es mostren les diferències entre la revisió seleccionada i la versió actual de la pàgina.

--- development:angular:componentes [22/01/2020 10:28] – mate
+++ development:angular:componentes [26/01/2020 09:55] (actual) – mate
@@ Línia 1: / Línia 1: @@
-= componentes
+= angular: componentes
-  * descarga (uso por CDN) de bootstrap, framework CSS
+  * PPT: 3.3 + 3.4 + 3.5
-  * <code bash>ng g[enerate] c[omponent] <NOMBRE></code>
+== 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
+==